表单验证validate

<form id="signupForm" method="post" action="${rc.contextPath}/mobile/regist.htm">
 
                    <div class="am-input-group">
                          <span class="am-input-group-label"><img src="${rc.contextPath}/images/mobile/mobile.png"/></span>
                         <input type="text" class="am-form-field input-mobile" id="agentName" name="agentName" style="max-width: 70%; border-bottom: 0;" οnkeyup="this.value=this.value.replace(/\D/g,'')"  onafterpaste="this.value=this.value.replace(/\D/g,'')" placeholder="请输入手机号">
                    </div>
                    <button type="button" class="am-btn am-btn-default" id="sendSMSBtn" οnclick="sendSMS();">发送验证码</button>
            </div>    
                    
                    
            <div class="login-line-2">
                <div class="am-input-group">
                          <span class="am-input-group-label">
                                <img src="${rc.contextPath}/images/mobile/plane.png" />                                      
                          </span>
                      <input type="text" class="am-form-field input-message" id="validcode" name="validcode" οnkeyup="this.value=this.value.replace(/\D/g,'')"  onafterpaste="this.value=this.value.replace(/\D/g,'')" placeholder="请输入短信发送中的验证码">
                </div>
            </div>                    
                    
            <div class="login-line-3">
                <div class="am-input-group">
                          <span class="am-input-group-label">
                                <img src="${rc.contextPath}/images/mobile/lock.png" />                                      
                          </span>
                      <input type="password" class="am-form-field input-password" id="password" name="password" placeholder="请输入密码">
                </div>
            </div>
        
            <div class="login-line-6">
                <button type="submit" class="am-btn am-btn-primary am-btn-block">立即注册</button>
            </div>
            </form>
   

 $("#signupForm").validate({

        errorPlacement:function(error,element){

            //var e = element[0].parentElement;

            //error.appendTo($(e).next());

           if(error.text() != "") {

               if(error[0].htmlFor =="validcode") {

                   $(element).parent().addClass("erroractive");

                }else{

                   $(element).parent().parent().addClass("erroractive");

                }

            }else{

              if(error[0].htmlFor =="validcode") {

                   $(element).parent().removeClass("erroractive");

                }else{

                   $(element).parent().parent().removeClass("erroractive");

                }

            }

           

            if(error[0].htmlFor =="agentName") {

               if("已注册" == error.text()) {

                  $(element).parent()[0].children[3].innerHTML = error.text();

                }else{

                   $(element).parent()[0].children[3].innerHTML=error.text();

                }

            }

        },

        success:function(error){

            /* if((error[0].htmlFor == "mcode" || error[0].htmlFor =="agentName")  && (delay== 60 || delay == 0)) {

                if(validateMobile() && validMcode()) {

                   $("#sendSMSBtn").css("background","#2b9dd1");

                  $("#sendSMSBtn").attr("href","javascript:sendSMS();");

                }

               

            }

            error.remove(); */

        },

       onkeyup:false,

       submitHandler:function(form) {

            varpassword = $("#password").val();

            if(!password || password.length <=0) {

               alert("密码不能为空");

              return false;

            }

            $("#agentPassword").val(hex_md5(password));

            formSubmit();

       },

       rules:{  

           agentName:{

              required:true,

              isMobile:true,

              remote:{                                          //验证用户名是否存在

                   type:"POST",

                   url:"${rc.contextPath}/guwen/validAgentName.htm", 

                   dataType:"json",

                   data:{

                     name:function(){return$("#agentName").val();}

                   }

                }

           },

           isAgent:{

              required:true

           },

           password:{

              required:true,

              validatePassword:true,

              rangelength:[6,20]

           },

           validcode:{

              required:true,

              remote:{                                          //验证用户名是否存在

                   type:"POST",

                   url:"${rc.contextPath}/user/getmobilevaildatecode.htm", 

                   dataType:"json",

                   data:{

                     mobile:function(){return$("#agentName").val();},

                     code :function(){return$("#validcode").val();},

                     type :"1"

                   }

                }

           },

           mobileagree:{

              required:true

           },

           mcode:{

              required:true,

              remote:{                                          //校验验证码是否输入正确

                   type:"POST",

                   url:"${rc.contextPath}/usr/validcode.htm", 

                   dataType:"json",

                   data:{

                     code:function(){return$("#mcode").val();}

                   }

                }

           }

       },

       messages:{

          agentName: {

          required:"<@s.m "user.mobilereq.msg"/>",

           remote:"已注册",

           isMobile:"请输入11位正确数字"

          },

          isAgent:{

              required:"<@s.m "user.typereq.msg"/>"

          },

          validcode: {

           required:"<@s.m "user.validcodereq.msg"/>",

           remote:"<@s.m "user.validcoderem.msg"/>"

          },

          password: {

           required:"<@s.m "user.pwdreq.msg"/>",

           rangelength:jQuery.format("<@s.m "user.pwdrang.msg"/>")

          

          },

           mobileagree:{

              required:"<@s.m "user.mobileagreereq.msg"/>"

           },

           mcode:{

              required:"<@s.m "user.codereq.msg"/>",

              remote:"<@s.m "user.coderem.msg"/>"

           }

       }

    });