0

jQuery ステップと jQuery 検証で jQuery を使用しています。

コードのセクションに対していくつかのカスタム ルールを作成しましたが、これらのルールが正しく機能しません。

これが私のhtmlコードです：

<h2>Second Step</h2>
<section>
    <form id="SecondStep" >
        <section class="expose">
            <div class="label-field clearfix">
                <fieldset data-role="controlgroup">
                    <legend>Textbox</legend>
                    <input type="text" id="textbox" name="textbox" />
                </fieldset>
            </div>
            <div class="label-field clearfix">
                <fieldset data-role="controlgroup">
                    <legend>Password</legend>
                    <input type="password" id="password" name="password" />
                </fieldset>
            </div>
        </section>
    </form>
</section>

ここに私のカスタムルールがあります:

$("#SecondStep").validate({
    rules: {
        textbox: "required",
        password: {
            required: true,
            minlength: 5
        }
    },
    messages: {
        textbox: "Please enter information into the textbox",
        password: {
            required: "Please enter a password",
            minlength: "Your password must consist of at least 5 characters"
        }                           
    }
});

カスタム ルールをテストするためにボタンの onClick から呼び出しているコードは次のとおりです。

function validateAllElements()
{
     var isValid = $("#SecondStep").valid(); 
     alert(isValid);
}

validateAllElements 関数を呼び出すと、テキスト ボックスとパスワード フォーム要素に値がまったくない場合でも、.valid メソッドは true を返します。

このコードについて助けてもらえますか?

前もって感謝します

4

1 に答える 1

0

JSFiddleでいくつかのテストを行った後、$(document).ready(function() {}).

$(document).ready(function() {
    $("#SecondStep").validate({
    rules: {
        textbox: "required",
        password: {
            required: true,
            minlength: 5
        }
    },
    messages: {
        textbox: "Please enter information into the textbox",
        password: {
            required: "Please enter a password",
            minlength: "Your password must consist of at least 5 characters"
        }                           
    }
    });
    $('#test').click(function () {
         var isValid = $("#SecondStep").valid(); 
         alert(isValid);
    });
});
于 2014-01-30T22:33:40.413 に答える