• 表单验证


    1.标签上直接替换方法:

    JS 控制不能输入特殊字符
    <input type="text"class="domain"onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')";

    JS 控制文本框只能输入数字
    <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')">

    JS 控制文本框只能输入数字、小数点
    <input onkeyup="value=value.replace(/[^-9.]/g,'')" onpaste="value=value.replace(/[^-9.]/g,'')" oncontextmenu = "value=value.replace(/[^-9.]/g,'')">

    JS 控制文本框只能输入英文
    <input onkeyup="value=value.replace(/[^a-zA-]/g,'')" onpaste="value=value.replace(/[^a-zA-]/g,'')" oncontextmenu = "value=value.replace(/[^a-zA-]/g,'')">

    JS 控制文本框只能输入英文、数字
    <input onkeyup="value=value.replace(/[^a-zA-0-9]/g,'')" onpaste="value=value.replace(/[^a-zA-0-9]/g,'')" oncontextmenu = "value=value.replace(/[^a-zA-0-9]/g,'')">

    JS 控制文本框只能输入中文
    <input onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')" onpaste="value=value.replace(/[^u4E00-u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^u4E00-u9FA5]/g,'')">

    JS 控制文本框只能输入中文、英文、数字
    <input onkeyup="value=value.replace(/[^a-zA-0-9u4E00-u9FA5]/g,'')" onpaste="value=value.replace(/[^a-zA-0-9u4E00-u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^a-zA-0-9u4E00-u9FA5]/g,'')">

    JS 控制文本框只能输入中文、英文、数字、空格
    <input onkeyup="value=value.replace(/[^a-zA-0-9u4E00-u9FA5 ]/g,'')" onpaste="value=value.replace(/[^a-zA-0-9u4E00-u9FA5 ]/g,'')" oncontextmenu = "value=value.replace(/[^a-zA-0-9u4E00-u9FA5 ]/g,'')">

    JS 控制文本框只能输入中文、英文、数字、小数点
    <input onkeyup="value=value.replace(/[^a-zA-0-9u4E00-u9FA5.]/g,'')" onpaste="value=value.replace(/[^a-zA-0-9u4E00-u9FA5.]/g,'')" oncontextmenu = "value=value.replace(/[^a-zA-0-9u4E00-u9FA5.]/g,'')">

    /*
    * 性别验证
    */
    function sexSe(sexs){
      var reg = /^[u7537u5973]+$/;
      if(sexs != "") {
        if(reg.test(sexs) === false) {
          mui.toast("性别只能输男/女");
          return false;
        }
      } else {
        mui.toast("性别不能为空");
        return false;
      }
      return true;
    }

    var sex = sexSe($('#sex').val());//性别
    if(sex == false){return;}else{
      if($('#sex').val() == '男'){sexs = 1;}else if($('#sex').val() == '女'){sexs = 2;}
    }

    if(sex == true){

      //在此处执行

    }

    //身份证号码验证

    function isCardNo(idcard) {
    // 身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X 
      var reg = /(^d{15}$)|(^d{18}$)|(^d{17}(d|X|x)$)/;
      if(idcard != "") {
        if(reg.test(idcard) === false) {
          alert("身份证输入不合法");
          return false;
        }
      }else{
        alert("身份证不能为空");
        return false;
      }
      return true;
    }

    //手机号验证
    function isIpone(ipone) {
      var reg = /^((13[0-9])|(14[0-9])|(15[0-9])|(17[0-9])|(18[0-9]))[0-9]{8}$/;
      if(ipone != "") {
        if(reg.test(ipone) === false) {
          alert("手机号输入不合法");
          return false;
        }
      }else{
        alert("手机号不能为空");
        return false;
      }
      return true;
    }

    //姓名验证
    function isName(name) {
      var reg = new RegExp("^[A-Za-z0-9u4e00-u9fa5]+$");
      if(name != "") {
        if(reg.test(name) === false) {
        alert("姓名输入不合法");
        return false;
        }
      }else{
        alert("姓名不能为空");
        return false;
      }
      return true;
    }

    //调取函数验证

    var idcard = isCardNo($('input[name="idCard"]').val());//身份证验证

    if(idcard == false){return;}

    if(idcard == true ) {

      //在此处执行

    }

    ゛Toly★小饼干ゞ
  • 相关阅读:
    CSS的四种基本选择器和四种高级选择器
    Leetcode 897 递增顺序查找树
    Leetcode 872 叶子相似的树
    Leetcode 700 二叉搜索树中的搜索
    Leetcode 二叉树中第二小的节点
    Leetcode 669 修剪二叉搜索树
    Leetcode 653 两数之和IV
    Leetcode 637二叉树的层平均值
    Leetcode 617 合并二叉树
    Leetcode 606 根据二叉树创建字符串
  • 原文地址:https://www.cnblogs.com/rockyan/p/7244573.html
Copyright © 2020-2023  润新知