• 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">

  • 相关阅读:
    Vue打包之后部署到 express 服务器上
    Vue 点击事件传递原生DOM事件?
    CSS hover 改变另外一个元素状态
    element-UI el-table二次封装
    element-UI el-table添加序号列时序号永远都是从1开始?
    element-UI el-table表格根据搜索条件表格值改变颜色
    HTML head meta标签详细
    CodeForces 489C Given Length and Sum of Digits... (dfs)
    CodeForces 489B BerSU Ball (水题 双指针)
    Codeforces 489A SwapSort (水题)
  • 原文地址:https://www.cnblogs.com/JurasVon/p/11686918.html
Copyright © 2020-2023  润新知