实用表单验证

实用表单验证

1.验证姓名

   var Fname = $(".Fname").val();
        if ($(".Fname").val() == ""){
          alert("请输入姓名!");
          $(".Fname").focus()
          return false
        }else {
          if (Fname != Fname.replace(/[^\u4E00-\u9FA5]/g, '')) {
            alert("姓名有误,请重新输入")
            $(".Fname").focus()
            return false
          }
        }

2.验证身份证号

var iSum = ! /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
        var idcard1 = $(".id1").val();
        if(idcard1 == ""){
         
          // alert("请输入身份证号");
          $(".id1").focus();
          return false
        }else if(! /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/.test(idcard1)){
         
          // alert("身份证号有误,请重新输入");
          $(".id1").focus()
          return false
        }

3.验证手机号

		var phone = $(".phone").val()
        if ($(".phone").val() == ""){
          // alert("请输入联系方式!");
          $(".phone").focus()
          return false
        }else {
          if (!(/^((1[3,5,8][0-9])|(14[5,7])|(17[0,6,7,8])|(19[7]))\d{8}$/.test(phone))) {
            // alert("联系方式有误,请重新输入")
            $(".phone").focus()
            return false
          }
        }

4.验证纯数字(可以使用h5的input type= number)

var reg = new RegExp("^[0-9]*$");
          if(!reg.test($(".empty2").val())){
            // alert("请输入数字");
            $(".empty2").focus()
            return false
          }

5.获取input type = radio的内容

 $('input[name="type5"]:checked').val() 
 //type时name必须写否则无法获取

你可能感兴趣的:(vue)