1

こんにちは、単純な jQuery 検証スクリプトを使用しています。このスクリプトでは、" required" クラスのみを追加する必要があります。各フィールドの横ではなく、送信ボタンの上にエラー メッセージを表示する方法はありますか?

<script type="text/javascript">
  $(document).ready(function() {
  $("#theForm").validate();
  });
</script>
<form id="theForm">
<label for="email">Email</label>
<input class="required email" name="email" type="text" id="email" />

<label for="city">City</label>
<input name="city" type="text" id="city"  />
<input class="button" type="submit" value="SEND CONTACT FORM" />
</form>
4

1 に答える 1

1

errorplacement次のような関数を追加できます。

jQuery.validator.setDefaults({
    errorPlacement: function(error, element) {
        error.appendTo('#errorcontainer-' + element.attr('id'));
    }
});

そして、いいねで送信ボタンの近くにdivを配置できidます

 <div id="errorcontainer-city" class='errorDiv'></div>

これerror messageで、cityフィールドの がこの div に表示されます。そのため、必要な場所に電子メールやその他のフィールドの div を配置できます。

于 2012-08-23T06:55:50.540 に答える