表单验证

Posted 2020-10-17 palpitate

非空验证

<script type="text/javascript">
//非空验证
var txt = document.getElementById("a");
txt.onblur = function(){
    if(txt.value==""){
        alert("不能为空");
        }

    }
</script>

当没有点击时文框内时点击空白不会alert显示输出结果

当在文本框内输入时点击其他位置也不会出现输出不能为空

当点击文本框内后再点击外部就会弹出输出内容不能为空

相等验证

//相等验证
var z = document.getElementById("mima2");
z.onblur=function(){
    var z1 = document.getElementById("mima1");
    if(z1.value==z.value){
        alert("密码通过");
        }else{
            alert("两次密码不一致");}
    }

 

 

 

 

范围验证

//范围验证
var a = document.getElementById("nianling");
a.onblur=function(){
    if(a.value>=18 && a.value<=50){
        alert("符合通过");
        }else{
            alert("不在年龄范围");
            }
    }

 正则验证

需要正则表达式来完成

//正则验证
var f = document.getElementById("shouji");
f.onblur=function(){
    var haoma = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\\d{8}$/;
    //null为空
      //调用字符串用match
  if(f.value.match(haoma)==null){
        alert("手机号不正确");
        }else{
        alert("正确");    
            }
    }