简单的表单验证(js、jquery)

浏览数：50 / 时间：2015年06月09日

//javascript代码
    function valForm(){
    var username=document.getElementById("username");
    var pwd=document.getElementById("pwd");
    var repwd=document.getElementById("repwd");
    var email=document.getElementById("email");
    var age=document.getElementById("age");
    var cardid=document.getElementById("cardid");if(username.value==""){
        alert("用户名不能为空");
        return false;
        }else if(username.value.length<4||username.value.length>16){
            alert("用户名长度不符合规则！\n 用户名长度应为4-16个字符");
            return false;
        }else if(pwd.value==""){
             alert("密码不能为空");
             return false;
        }else if(pwd.value!=repwd.value){
            alert("密码不一致");
            return false;
        }else if(email.value.indexOf(".")<0||email.value.indexOf("@")<0){
            alert("邮箱错误");
            return false;
        }else if(parseInt(age.value)<18&&parseInt(age.value)>80) {
            alert("年龄错误");
            return false;
        }else if(reg.test(cardid.value)==false){
            alert("身份证不合法");
            return false;
        }else{
            document.forms[0].submit();
            return false;
            }
    }

//Jquery
$(function(){
        $("#regUser").click(function(){
            if($("#username").val()==""||$("#username").val().length<4){
                alert("用户名不符合要求")
                }else if($("#pwd").val().length<6){
                    alert("密码不符合要求");
                }else if($("#repwd").val()!=$("#pwd").val()){
                    alert("密码不一致")
                }else if($("#email").val().indexOf("@")<0||$("#email").val().indexOf(".")<0){
                    alert("邮箱格式错误")    
                }else if($("#age").val()<18||$("#age").val()>80){
                    alert("年龄不符合要求")
                }else{
                    window.location.href="jquery1.html";
                }
            })
        })

body内容

<body>
<form action="js实例.html" method="post">
  <table  border="0">
    <tr>
      <td>用户名</td>
      <td><input type="text" name="username" id="username" /></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>密码</td>
      <td><input type="password" name="pwd" id="pwd" /></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>重复密码</td>
      <td><input type="password" name="repwd" id="repwd" /></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>邮箱：</td>
      <td><input type="text" name="email" id="email" /></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>年龄：</td>
      <td><input type="text" name="age" id="age" /></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><a href="#" id="regUser">注册</a></td>
      <td><a href="#" >重置</a></td>
    </tr>
  </table>
</form>
</body>

简单的表单验证(js、jquery),古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

简单的表单验证(js、jquery)