1

以下のフォローを使用して、未入力の各フィールドの横にエラーメッセージを表示しています。物事を単純化したいのですが、送信ボタンをクリックしてフィールドが入力されていないときに、「すべてのフィールドに入力してください」というエラーボックスが表示されるようにします。class="required"必要な各フィールド タイプで使用されています。どうすればこれを行うことができshowErrorますか?

<script type="text/javascript">
$(document).ready(function() {
    $("#form1").validate({
        errorLabelContainer: $("#form1 div.error")
    });
</script>
4

2 に答える 2

2 
Code

ユーザーが無効なフォームを送信しようとしたときに、無効なフィールドの数を示すメッセージをフォームの上に表示します。

$(".selector").validate({
invalidHandler: function(form, validator) {
  var errors = validator.numberOfInvalids();
  if (errors) {
    var message = errors == 1
      ? 'You missed 1 field. It has been highlighted'
      : 'You missed ' + errors + ' fields. They have been highlighted';
    $("div.error span").html(message);
    $("div.error").show();
  } else {
    $("div.error").hide();
  }
}
 })

div を使用する代わりに、同じエラー メッセージでポップアップ ウィンドウを表示できる別の jquery ライブラリを使用します。

于 2012-08-25T09:27:15.913 に答える
0

検証プラグインにはinvalidHandler: function(e, validator)、ニーズに合ったものがあります。

小さなデモ: http://jsfiddle.net/codovations/5YHQb/1/

于 2012-08-25T09:01:13.803 に答える