zoukankan      html  css  js  c++  java
  • JS验证input输入框(字母,数字,符号,中文)正则实现

    1、只是不能输入空格

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


    2、不能输入空格及英文状态下的逗号

    <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,''))"/>

    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("请输入数字或英文字母");

    }

    来源:https://www.cnblogs.com/littledonkey/p/9481782.html

  • 相关阅读:
    php实现中文反转字符串的方法
    冒泡排序
    mac 安装ngnix
    二维数组排序可以用php内置函数
    mysql 利用explain 优化
    Jquery Datatable
    SSL证书(HTTPS)背后的加密算法
    HTTPS的误解(二)
    HTTPS的误解(一)
    电子商务信息安全与信任解决方案
  • 原文地址:https://www.cnblogs.com/haimeimei/p/13431504.html
Copyright © 2011-2022 走看看