Question

我正在使用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函数时，即使我在textbox和password表单元素中没有任何值，.valid方法也会返回true。

我可以对此代码有所帮助吗？

提前致谢

Answer 1

使用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);
    });
});

jQuery自定义规则总是返回true

1 个答案: