3

jquery 検証の使用: http://docs.jquery.com/Plugins/Validation

また、ぼかしの各フィールドを検証しています。

//validate each element on blur
    $('input, select, radio, checkbox').blur(function(){
        $("#createAccount").validate().element(this);
    });

パスワードに追加の方法を追加しました-英字、数字、スペース/ダッシュなし:

//Additional validation methods:
jQuery.validator.addMethod("passwordCheck", function(value, element) {
    return this.optional(element) || /^[a-zA-Z0-9]+$/.test(value);
}, "Invalid characters");

いくつかの問題:

passwordCheck メソッド以外のすべてについて、ぼかしのパスワード フィールドを検証したいと思います。したがって、required などの他のメソッドはぼかしで検証する必要がありますが、無効な文字が入力された場合は、バリデーターがそのメソッドをトリガーするようにします。

さらに、メソッドを追加するときに、検証呼び出しのメッセージ部分にエラー メッセージを取得する方法はありますか (すべてを 1 か所に保持するだけです)。

4

2 に答える 2

1

これを達成するために私がしたことは次のとおりです。

値が得られるまで無視する必要がある入力の場合、入力にクラスを追加しました-「無視」

$('.ignore').blur(function(){
        if( $(this).val()=="") {
         $(this).parent().removeClass("inputSuccess");
        }
    });

この関数では、入力にクラスが無視され、値が入力されていない場合、検証呼び出しで設定した有効なクラスを削除します。値が入力されると、それらの項目に対して通常の検証がトリガーされます。

于 2012-05-14T13:14:29.123 に答える
0

HTML5 はrequired属性をサポートします。したがって、次のような方法で確認できます。

<input type="password" name="password" required />

と

return !$(element).hasAttr("required");

ただし、これにより、フォームを送信する前にフィールドに入力する必要があります。さらに、カスタム属性を作成することもできますが、それが良い解決策かどうかはわかりません。

http://www.w3.org/WAI/GL/wiki/Techniques/HTML5/Using_the_required_attribute_to_indicate_a_required_input_field

于 2012-05-14T09:40:03.953 に答える