js或jquery中的验证

Posted 李重黎

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js或jquery中的验证相关的知识,希望对你有一定的参考价值。

验证form中input是否输入数据?
<script language="javascript">
    function check(){
        if(form1.user.value==""){                //判断用户名是否为空
            alert("请输入用户名!");form1.user.focus();return;
        }else if(form1.pwd.value==""){            //判断密码是否为空
            alert("请输入密码!");form1.pwd.focus();return;
        }else{
            form1.submit();                    //提交表单
        }
    }
</script>
<body>
  <center>
  <form name="form1" method="post" action="">
    <table width="221" border="1" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF" bordercolordark="#CCCCCC" bordercolorlight="#FFFFFF">
      <tr>
        <td height="30" colspan="2" bgcolor="#eeeeee">用户登录</td>
      </tr>
      <tr>
        <td width="59" height="30">用户名:</td>
        <td width="162"><input name="user" type="text" id="user"></td>
      </tr>
      <tr>
        <td height="30">&nbsp;&nbsp;码:</td>
        <td><input name="pwd" type="text" id="pwd"></td>
      </tr>
      <tr>
        <td height="30" colspan="2" align="center"><input name="Button" type="button" class="btn_grey" value="登录" onClick="check()">
          &nbsp;
        <input name="Submit2" type="reset" class="btn_grey" value="重置"></td>
      </tr>
    </table>
  </form>
</center>
</body>
验证是否输入真实姓名?(判断输入是否是不低于两位数的中文)
<script language="javascript">
    function checkRealName(){
        var str=form1.realName.value;            //获取输入的真实姓名
        if(str==""){        //当真实姓名为空时
            alert("请输入真实姓名!");form1.realName.focus();return;
        }else{                //当真实姓名不为空时
            var objExp=/[u4E00-u9FA5]{2,}/;    //创建RegExp对象[匹配所有中文]
            if(objExp.test(str)==true){        //判断是否匹配
                alert("您输入的真实姓名正确!");
            }else{
                alert("您输入的真实姓名不正确!");
            }
        }
    }
</script>
<body>
  <form name="form1" method="post" action="">
  请输入真实姓名:<input name="realName" type="text" id="realName">
  <input name="Button" type="button" onClick="checkRealName()" value="检测">
  </form>
</body>

 

验证身份证号码
<script language="javascript">
function checkeNO(NO){
    var str=NO;
     //在JavaScript中,正则表达式只能使用"/"开头和结束,不能使用双引号
    var Expression=/^d{17}[d|X]$|^d{15}$/; 
    var objExp=new RegExp(Expression);
    if(objExp.test(str)==true){
        return true;
    }else{
        return false;
    }
}
function check(myform){
    if(myform.number.value==""){
        alert("请输入身份证号码!");myform.number.focus();return;
    }
    if(!checkeNO(myform.number.value)){
        alert("您输入的身份证号码不正确!");
        myform.number.focus();
        return;
    }
    if(checkeNO(myform.number.value)){
        alert("您输入的身份证号码正确!");
    }
    myform.submit();
}
</script>
<body>
    <font style="font-size: 44px">验证身份证号码</font><p>
        <form name="form1" action="" method="post">
            请输入身份证号:
            <input name="number" type="text" id="number"
                onKeyDown="if(event.keyCode==13){form1.number.focus();}">
            <input name="Button" type="button" value="验证"
                onClick="check(form1)">
        </form>
</body>

 

以上是关于js或jquery中的验证的主要内容,如果未能解决你的问题,请参考以下文章

jquery实现手机发送验证码的倒计时代码

jquery中的表单验证if($.sValid())是否写错了?$.valid()这样写表单木有反应,改肿么写?

jquery/js实现验证聚焦,失焦

php生成各种验证码

十条jQuery代码片段助力Web开发效率提升

VS Code中自定义Emmet代码片段