私は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>
Jクエリ:
$(document).ready(function() {
$('#SendMessage').click(function () {
$("#myform").valid({
errorContainer: ".form-errors"
});
});
});
ここにこのコードを使用した JSFiddle があります。