4

このようなことが可能かどうか疑問に思っています

.validate({
    rules: {
        email: {
                    required: true,
                    email: true
                }
            },

messages: {
    email: {
            required: "<?php echo get_texto_clave('error_validate_empty'); ?>",
            email: 'Please enter a valid email address',
            whenFieldIsValid: 'looks good'
        }
    }
});

エラーではなく、入力が有効であることを確認するメッセージを表示するには、

どうすればそうできますか？

4

2 に答える 2

2

validClass オプションを使用して、この機能を作成できます。入力が有効な場合、プラグインは指定されたクラスをその要素に追加します。

各入力の後に隠し div を挿入します。

<input id="exampleinput" /><div class="correctmessage">Looks Good</div>

隠れる：

.correctmessage{ display: none; }

検証ステートメントにvalidClassオプションを含めます。また、フォームに変更が加えられたときにメッセージを表示する場合は、次のようにしますonkeyup。onclick

.validate({
    validClass: "success",
    onkeyup: true,
    onclick: true
})

次に、クラスのcorrectmessage後にクラスの最初の要素を表示する CSS success(特異性は他の CSS ブロックをオーバーライドする必要があります):

.success + .correctmessage{ display: block;}

display: inlineも有効です。

于 2012-04-14T20:20:59.430 に答える
2

"highlight" および "unhighlight" オプションを少し変更することで、フォームが送信される前に各有効なフィールドを簡単にマークできます。

$(form).validate({
    highlight: function(element) {
        $(element).removeClass("valid").addClass("error");
    },
    unhighlight: function(element) {
        $(element).removeClass("error").addClass("valid");
    }
})

各入力の後に隠し要素を追加し、css を介してその可視性 (または表示) を切り替えることができます。

.valid_message { visibility: hidden; }
.valid + .valid_message { visibility: visible; }
于 2015-04-23T10:01:31.130 に答える