2015-06-27 109 views
0

请帮我知道这个代码有什么问题! 我搜索很多,但它看起来像我有没有错误,甚至,它的作品,当我尝试少投入jquery验证不起作用不知道为什么

这是脚本代码

$(document).ready(function(){ 
    $("#patient-form").validate({ 
     rules:{ 
      pfname:{ 
       required:true 
      }, 
      plname:{ 
       required:true 
      }, 
      pemail:{ 
       required:true, 
       email:true 
      }, 
      ppass:{ 
       required:true, 
       minLength:6 
      }, 
      pcpass:{ 
       minLength:6, 
       equalTo:"#ppass" 
      }, 
      pcity:{ 
       required:true 
      }, 
      pbirthdate:{ 
       required:true, 
       dateFormat: true 
      } 
     } 
    }); 
}); 

这是html代码 我使用一些自举类但肯定他们不是停止验证的原因,我删除了输入文件和plname和pcity,它运行良好,我不知道它为什么不起作用。 我希望有人能帮助我,我需要这个,因为我正在研究毕业项目,我会很感激。

<form id="patient-form" method="post" action="" enctype="multipart/form-data" class="form-horizontal"> 
     <div class="form-group"> 
      <label class="col-md-2 col-md-offset-2 col-sm-3" for="pfname">First Name</label> 
      <div class="col-md-6 col-sm-9"> 
       <input type="text" class="form-control sel" name="pfname" id="pfname" placeholder="Enter First Name"> 
      </div> 
     </div> 
     <div class="form-group"> 
      <label class="col-md-2 col-md-offset-2 col-sm-3" for="plname">Last Name</label> 
      <div class="col-md-6 col-sm-9"> 
       <input type="text" class="form-control" name="plname" id="plname" placeholder="Enter Last Name"> 
      </div> 
     </div> 
     <div class="form-group"> 
      <label class="col-md-2 col-md-offset-2 col-sm-3" for="pemail">Email</label> 
      <div class="col-md-6 col-sm-9"> 
       <input type="text" class="form-control" name="pemail" id="pemail" placeholder="Enter Email"> 
      </div> 
     </div> 
     <div class="form-group"> 
      <label class="col-md-2 col-md-offset-2 col-sm-3" for="ppass">Password</label> 
      <div class="col-md-6 col-sm-9"> 
       <input type="password" class="form-control" name="ppass" id="ppass" placeholder="Enter Password"> 
      </div> 
     </div> 
     <div class="form-group"> 
      <label class="col-md-2 col-md-offset-2 col-sm-3" for="pcpass">Confirm Password</label> 
      <div class="col-md-6 col-sm-9"> 
       <input type="password" class="form-control" name="pcpass" id="pcpass" placeholder="Re-enter Password"> 
      </div> 
     </div> 
     <div class="form-group"> 
      <label class="col-md-2 col-md-offset-2 col-sm-3" for="pcity">City</label> 
      <div class="col-md-6 col-sm-9"> 
       <input type="text" class="form-control" name="pcity" id="pcity" placeholder="Enter Your City"> 
      </div> 
     </div> 
     <div class="form-group"> 
      <label class="col-md-2 col-md-offset-2 col-sm-3" for="pbirthdate">Birth Date</label> 
      <div class="col-md-6 col-sm-9 form-inline"> 
       <input type="date" name="pbirthdate" id="pbirthdate" class="form-control"> 
      </div> 
     </div> 
      <div class="form-group"> 
       <div class="col-md-2 col-md-offset-2 col-sm-4 col-sm-offset-4 col-xs-4 col-xs-offset-4"> 
        <input type="submit" class="form-control" value="Sign Up"> 
        <input type="hidden" name="sign-up-check" value="1"> 
       </div> 
      </div> 
    </form> 
+0

它工作正常。你拼写了'minlength'规则错误。见:http://jsfiddle.net/psmdogsn/ – Sparky

+0

谢谢你sooo多:) – cyco3dg

回答

0

minlength规则不应该被拼写minLength

.... 
ppass: { 
    required: true, 
    minLength: 6 // <- spelled 'minlength' wrong 
}, 
.... 

否则,它的工作:http://jsfiddle.net/psmdogsn/