2015-06-27 4 views
0

, пожалуйста, помогите мне узнать, что не так с этим кодом! Я искал много, но это выглядит, как у меня нет никаких ошибок, даже то, что она работает, когда я пытаюсь меньше входовjquery validation не работает, не знаю почему

это код сценария

$(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 код Я использую некоторые классы начальной загрузки но я уверен, что они не являются причиной для остановки проверки, я удалил входной файл и имя и номер, и он работал хорошо, я не знаю, почему это не работает. Надеюсь, кто-нибудь мне поможет. Мне нужно это, потому что я работаю над своим выпускным проектом, я буду очень благодарен.

<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

поблагодарить u sooo much :) – cyco3dg

ответ

0

minlength правило не должно быть прописано minLength.

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

В противном случае, он работает: http://jsfiddle.net/psmdogsn/

Смежные вопросы