美文网首页
前段输入框验证!正则表达式

前段输入框验证!正则表达式

作者: Alex_1799 | 来源:发表于2018-05-09 13:43 被阅读0次

    0.文本框的正则表达式,只能输入正数,可以有小数点,小数点后面两位。
    this.value= this.value.match(/\d+(.\d{0,2})?/) ? this.value.match(/\d+(.\d{0,2})?/)[0] : ''

    1、只是不能输入空格
    <input type="text" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">

    2、不能输入空格及英文状态下的逗号
    <input type="text" onkeyup="this.value=this.value.replace(/[, ]/g,'')">

    3、只能输入数字
    <input type="text" maxlength="11" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/>
    最近发现有可能因为手机输入内容联想可以跳过input 中限制只能输入数字 大家额外注意下把 可以在js中在限制下把!
    isNaN();验证非数字类型

    4、只能输入英文及数字
    <input type='text' maxlength="17" onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/>

    5、验证首位是汉字
    // 汉字
    var reg = new RegExp("[\u4E00-\u9FFF]+","g");
    if(!reg.test(plateNumber.charAt(0))){
    alert("请输入首位汉字");
    return;
    }

    6、第二位为英文字母
    //验证是英文字母
    var regl= /^[A-Za-z]+$/;
    if(!regl.test(plateNumber.charAt(1))){
    alert("请输入第二位为英文字母");
    return;
    }

    7、后几位是数字英文字母组合
    // 英文字母或数字
    var regx = /^[A-Za-z0-9]*$/;
    var aa = plateNumber.substr(plateNumber.length-5);
    if(!regx.test(aa)){
    alert("请输入正确组合");
    return;
    }

    567联合是验证车牌号

    8、只能输入汉字、英文、数字
    <input type="text" onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')"/>

    9、number 慎行 容易引起bug 改变样式 有写英文字母拦截不住比如:e
    <input type="number">

    10、js纯数字验证
    // 纯数字正则
    ar reg = /^[0-9]*$/;
    if(!reg.test(vmobile)){
    alert("请输入纯数字");
    }

    11、js数字英文字母混合
    // 数字英语混合
    var rel = /^[0-9a-zA-Z]+$/
    if(!rel.test(vChassisNumber)){
    alert("请输入数字或英文字母");
    }

    12、H5的小伙伴注意:长度限制组合字符输入类型 IOS可能限制不住,坑谨慎入
    <textarea placeholder="请输入内容" maxlength="200"></textarea>
    <input type="text" maxlength="20">

    相关文章

      网友评论

          本文标题:前段输入框验证!正则表达式

          本文链接:https://www.haomeiwen.com/subject/fgvnrftx.html