2015-10-03 181 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

该死的即时通讯无法将其删除。 –