2

現在開発中のアプリ (ASP.NET) で Jquery Validation を使用することに興味があります。

JQuery でデフォルト設定を使用すると、フォームのレイアウトがめちゃくちゃになります。フォームの上部にエラーの概要を表示し、コントロールの横にアイコンを表示してエラー入力を示したいと思いました。

フォームの上部にエラーの概要を表示する方法は知っていますが、コントロールの横にアイコンを表示する方法がわかりません。

両方を同時に行うことが可能かどうかさえわかりません。

ありがとう

4

3 に答える 3

5

オプションとして、ハンドラーを検証プラグインに追加できます。

$("#form").validate({ 
  errorPlacement: function(error, element) {
    error.wrap("<li></li>").appendTo($("#top")); 
    $('<div class="errorIcon"></div>').insertAfter(element);
  }
});

<ul id="top" class="errors"></ul>

.errors { color: red; }
.errorIcon { background: url(errorIcon.png); width: 16px; height: 16px; float: right; }

これにより、ID「top」を持つ要素にエラーが追加され、エラーをスローした要素の横に浮動エラーが追加されます。コメントでフォローアップしない場合は、これがあなたの求めているアイデアであることを願っています。修正します。

于 2009-09-19T00:10:40.327 に答える
2

クライアント側とサーバー側の両方の検証のためにこれを最初から最後まで行う方法を説明するブログ投稿をここに投稿しました。それが役に立てば幸い！

于 2011-08-23T23:50:39.447 に答える