zoukankan      html  css  js  c++  java
  • Input常用的输入框验证(正则)

    1、只是不能输入空格

    <input type="text" οnkeyup="this.value=this.value.replace(/^ +| +$/g,'')">

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

    <input type="text" maxlength="11" οnkeyup="value=value.replace(/[^d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"/>

    最近发现有可能因为手机输入内容联想可以跳过input 中限制只能输入数字 大家额外注意下把     可以在js中在限制下把! 

    isNaN();验证非数字类型

    4、只能输入英文及数字

    <input type='text' maxlength="17" οnkeyup="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" οnkeyup="value=value.replace(/[^wu4E00-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">


    // 数字英语混合
    var rel = /^[0-9a-zA-Z]+$/
    if(!rel.test(vChassisNumber)){
    alert("请输入数字或英文字母");
    }
    12、H5的小伙伴注意:长度限制组合字符输入类型 IOS可能限制不住,坑谨慎入


    <textarea placeholder="请输入内容" maxlength="200"></textarea>
    <input type="text" maxlength="20">

  • 相关阅读:
    正则表达式常用收集
    IIS 部署nodejs
    借助svn进行半自动多台服务器上线部署
    快速开发window服务器程序
    sql server 存储过程解密
    EF 剥坑
    测试常规需要测试的东西
    html5本次存储几种方式
    log4net 写日志配置
    js 获取定位信息
  • 原文地址:https://www.cnblogs.com/JurasVon/p/11686918.html
Copyright © 2011-2022 走看看