0

jquery.validate プラグインを使用してフォームを検証しています。エラーメッセージを簡単にカスタマイズできることは知っていますが、特定の入力にエラーがない場合は常に「OK」メッセージを書きたいと思います。

たとえば、「必須」の入力テキストがあり、ユーザーが何かを書いた場合に「このフィールドは正しく入力されました」というメッセージを右側に書きたいとします。

その入力フィールドのデータが OK の場合、各入力フィールドの横に「OK メッセージ」を書き込む方法はありますか?

4

1 に答える 1

1

ここにデモページがあります：

http://alittlecode.com/files/jQuery-Validate-Demo/

フィールドが有効な場合にチェックマークが表示されます。フォールバック テキストは問題ありません。

問題のコード:

$(document).ready(function(){

 $('#contact-form').validate(
 {
  rules: {
    name: {
      minlength: 2,
      required: true
    },
    email: {
      required: true,
      email: true
    },
    subject: {
      minlength: 2,
      required: true
    },
    message: {
      minlength: 2,
      required: true
    }
  },
  highlight: function(label) {
    $(label).closest('.control-group').addClass('error');
  },
  success: function(label) {
    label
      .text('OK!').addClass('valid')
      .closest('.control-group').addClass('success');
  }
 });
}); // end document.ready

これにより、入力を囲む 'control-group' クラス タグが選択され、入力に応じてクラスとして 'valid' または 'error' が適用されます。

「成功」コールバックは「OK」テキストを適用しますが、CSS はそれを画像で上書きするように見えます。

于 2012-12-21T14:07:19.907 に答える