0

メールアドレスとパスワードを入力したユーザー登録フォームがあります。

ソートされた検証用の電子メール用のjQueryがありますが、クライアント側では、パスワード入力が空の場合、送信をクリックするとエラーが表示されます。

ページが読み込まれると、これが機能します

$(document).ready(function() {
    $(":input").each(function() {
       if($(this).val() === "")
            $('#password_default_value').show();
    });
});

ただし、ユーザーが＃login-submitボタンをクリックしたときにのみチェックされるように取得する必要があります

私はもう試した

$(document).ready(function() {
    $('#login-submit').click(function() {
    $(":input").each(function() {
       if($(this).val() === "")
            $('#password_default_value').show();
    });
    }
});

しかし、それは機能しません。私のコードはどこかでひどくエラーになっていると思いますが、どこにあるのかわかりません。

ポインタはありますか？

4

1 に答える 1

1

かっこがめちゃくちゃになっているので、次のようにしてみてください。

$(document).ready(function() {
    $('#login-submit').click(function() {
        $(":input").each(function() {
            if($(this).val() === "") {
                $('#password_default_value').show();
            }
        });
    });
});

また#login-submit、フォームの送信ボタンの場合は、クリックハンドラーからfalseを返す必要があります。そうしないと、ユーザーがこの送信ボタンをクリックしたときにページが移動し、JavaScriptを実行する時間がなくなる可能性があります。

于 2013-03-10T21:58:59.513 に答える