2015-10-03 271 views
-1

即時通訊使用jquery驗證和一切工作除1場。下面我有jquery驗證不驗證所有表單

$().ready(function() { 
    $('#cForm').validate({ 
     rules: { 
      cFname: { required: true }, 
      cLname: { required: true }, 
      cEmail: { required: true }, 
      cMessage: { required: true } 
     }, 
     messages: { 
      cFname: { required: "Please enter your first name" }, 
      cLname: { required: "Please enter your last name" }, 
      cEmail: { required: "Please enter your email address", email: "Must be a valid email address" }, 
      cMessage: { required: "Please enter a message" }      
     }, 
     submitHandler: function(form) { 
      $("#cSubmit span").text("Processing..."); 
      $("#cSubmit").attr('btn-disabled', true); 
      form.submit(); 
     }, 
     // Do not change code below 
     errorPlacement : function(error, element) { 
      error.insertAfter(element); 
     } 
    }); 
}); 

以下jQuery和這裏是我的HTML標記

 <form id="cForm" name="cForm" method="post"> 
      <div class="row"> 
       <div class="col-sm-6" style="padding-right:5px;"> 
        <input type="text" class="form-control" placeholder="Please enter your first name" id="cFname" name="cfname"> 
       </div> 
       <div class="col-sm-6" style="padding-left:5px;"> 
        <input type="text" class="form-control" placeholder="Please enter your last name" id="cLname" name="cLname"> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col-sm-12"> 
        <input type="email" class="form-control" placeholder="Please enter your email address" id="cEmail" name="cEmail"> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col-sm-12"> 
        <textarea class="form-control" rows="10" placeholder="Write your message here" name="cMessage" id="cMessage" required></textarea> 
       </div> 
      </div> 
      <button href="https://collabbro-bvcxtds.c9.io/app/" type="submit" class="btn btn-default" name="cSubmit" id="cSubmit" role="button">Submit</button> 
     </form> 

代碼驗證大家現場除了cFname輸入,我不知道爲什麼。我試圖改變HTML中的idname屬性,但沒有任何工作。我在俯視什麼?感謝您幫助我成爲一個更好的全棧開發者:)

+1

將'name =「cfname」'更改爲'name =「cFname」'問題已解決https://jsfiddle.net/z0pk7pk4/7/ – Shehary

+0

所以你告訴我這些錯字對我...... –

+0

發佈它作爲答案,並投票給你。謝了哥們。 –

回答

0

在我的name屬性中發現了一個錯字。更正它爲name="cFname"而不是name="cfname"

+0

僅供參考 - 當問題只是一個錯字時,問題通常會關閉。在關閉之前最好先刪除它。 – Sparky

+0

該死的即時通訊無法將其刪除。 –