zoukankan      html  css  js  c++  java
  • input输入框限制输入英文,数字,汉字

    <h1>js验证输入框内容</h1>
    <br />
    <br />

    只能输入英文
    <input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')">
    <br />
    <br />
    只能输入英文
    <input type="text" onkeyup="value=value.replace(/[^a-zA-]/g,'')"
    onkeydown="fncKeyStop(event)" onpaste="return false"
    oncontextmenu="return false" />
    无法粘贴,右键不会弹出粘贴菜单
    <br />
    <br />
    只能输入数字:
    <input onkeyup="this.value=this.value.replace(/D/g,'')"
    onafterpaste="this.value=this.value.replace(/D/g,'')">
    <br />
    <br />
    只能输入数字,小数点:
    <input name="price" type="text"
    onkeyup="value=value.replace(/[^d.]/g,'')">
    <br />
    <br />
    只能输入数字,小数点,下划线:
    <input name="price" type="text"
    onkeyup="value=value.replace(/[^d._]/g,'')">
    <br />
    <br />
    只能输入英文和数字:
    <input onkeyup="value=value.replace(/[W]/g,'') "
    onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))">
    <br />
    <br />
    只能输入汉字:
    <input onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')"
    onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))">
    <br />
    <br />
    禁止输入法输入:
    <input type="text" style="ime-mode: disabled">
    无法切换输入法
    <br />
    <br />
    只能输入中文、英文、数字、@符号和.符号:
    <input type="text"
    onkeyup="value=value.replace(/[^a-zA-0-9u4E00-u9FA5@.]/g,'')">
    <br />
    <br />
    不能为空:
    <input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')">
    <br />
    <br />

    数字校验有个bug,希望大家这边注意一下,就是如果有input从后台获取的value值的话,上面的数字校验失效,下面贴出此情况下的处理方式

    <input id="lastyearwage" name="lastyearwage" type="text" class="input-text" value="${acheck.lastyearwage }" onkeyup="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/g,'')"/>

    function keyPress() {
    var keyCode = event.keyCode;
    if ((keyCode >= 48 && keyCode <= 57))
    {
    event.returnValue = true;
    } else {
    event.returnValue = false;
    }
    }

  • 相关阅读:
    Educational Codeforces Round 58 A,B,C,D,E,G
    Codeforces Round #530 (Div. 2) F (树形dp+线段树)
    Codeforces Round #530 (Div. 2) A,B,C,D
    bzoj 3262: 陌上花开
    bzoj 2653: middle (主席树+二分)
    费马小定理的证明
    分组背包
    二维费用的背包问题
    luoguP1164 小A点菜(背包问题)
    完全背包问题
  • 原文地址:https://www.cnblogs.com/smilehq/p/7419435.html
Copyright © 2011-2022 走看看