Jquery Validation with errorContainer

Question

我使用的是在http://jqueryvalidation.org/上找到的Jquery Validation腳本，我希望設置它，所以當你點擊一個按鈕（不是提交按鈕！）時，它會檢查表單以進行驗證。如果出現錯誤，它會在出現錯誤的字段旁邊顯示錯誤，但也會在表單底部顯示一條消息，指出存在需要修復的錯誤。

我似乎無法得到底部的消息工作。我試圖使用Jquery Validation具有的errorContainer，但它似乎不起作用。

HTML：

<form id="myform" method="post"> 
    <p> 
     <label for="emailAddress">Email Address*</label> 
     <input id="emailAddress" name="emailAddress" class="Span12 EmailAddress" type="email" data-rule-required="true" data-rule-email="true" data-rule-minlength="5" data-msg-required="Provide an email" data-msg-email="Provide a proper email" data-msg-minlength="Email must be at least 5 characters" /> 
    </p> 
    <p> 
     <input id="SendMessage" type="button" value="Send Message" class="Button ButtonLarge" /> 
     <div class="form-errors"> 
      <h4>There are errors in your form submission, please see details in the form!</h4> 
     </div> 
    </p> 
</form> 

的Jquery：

$(document).ready(function() { 
    $('#SendMessage').click(function() { 
     $("#myform").valid({ 
      errorContainer: ".form-errors" 
     }); 
    }); 
}); 

我已經使用這個代碼的jsfiddle這裏：

http://jsfiddle.net/bluecaret/Qh485/

Answer 1

valid()方法不接受參數，只返回一個布爾值（link），所以如果你仍然想使用valid()，你必須以不同的方式去解決它。

我做了一個快速的回答你的問題，只是當電子郵件是有效的還是無效的使用if聲明，隱藏或顯示消息：

$(document).ready(function() { 
    $('#myform').validate({ 
     //any parameters you want to add 
    }); 
    $('#SendMessage').click(function() { 
     if(!($("#myform").valid())){ 
      $('.form-errors').show(); 
      return false; 
     } else { 
      $('.form-errors').hide(); 
     }  
    }); 
}); 

工作fiddle