1

jQueryMobileプロジェクトでJQuery検証プラグインを使用しています。ユーザー名とパスワードの両方のフィールドが空でないことを確認する必要がある単純なログインフォームがあります。HTMLは次のとおりです。

            <form id="my_form">
                <input type="text" id="username" placeholder="User" class="required" />
                <input type="password" id="userpsw" placeholder="Password" class="required" />
                <input class="submit" type="submit" value="Login"/>
            </form>

そしてここにコードがあります：

             $(document).on("pageinit", function(){        
                $("#my_form").validate({
                    submitHandler: function(form) {
                      alert("All fields ok!");
                    }
                 });
            });

問題は、ユーザー名フィールドのみが検証されていることです。ユーザー名のみを入力した状態で送信ボタンを押すと、「すべてのフィールドでOK」ダイアログが表示されます。ChromeとFirefoxでこれをテストしましたが、結果は同じです。

私は何か間違ったことをしていますか？このプラグインはパスワードで動作しますか？

更新：パスワード入力タイプを「テキスト」に変更しましたが、失敗し続けます。

4

2 に答える 2

4

入力要素に名前属性を設定しようとしましたか？

jQuery検証プラグインでは、すべての<input />要素に有効な名前属性が設定されている必要があります。ドキュメントから：

The name attribute is required for input elements, the validation plugin doesn't work without it.

マークアップの推奨事項

于 2013-02-18T10:54:05.557 に答える
1

のみと交換class="required"しrequiredてください。

テスト：フォーム

于 2013-02-18T10:57:05.287 に答える