Question

我知道要使用jQuery添加验证器，你可以这样做：

 $(document).ready(function() {
            $("#form1").validate({
                rules: {
                    <%=txtUserName.UniqueID %>: {
                    maxlength: 5,
}

但是我如何从后面的代码中添加规则，例如将所需规则添加到文本框中。

我将如何做到这一点？

提前致谢。

Answer 1

一种方法是使用后面的代码中的函数生成整个规则参数，例如在您将拥有的页面上：

 $(document).ready(function() {
        $("#form1").validate(<%=GetValidationRules()%>);

然后在后面的代码中添加一个函数，GetValidationRules返回包含要验证的所有控件的规则的参数。

Answer 2

要向元素添加规则，您可以尝试

$("#input_ID").rules("add", "required"); // input_ID is element's id

上面一行会将required规则添加到ID为input_ID的元素中。但在这种情况下，您必须先调用$("#form1").validate();并且已经拥有它。你也可以用

$("#form1").validate({
    rules: {
        name: "required",
        email: {
            required: true,
            email: true
        }
   },
   messages: {
       name: "Please specify your name",
       email: {
           required: "We need your email address to contact you",
           email: "Your email address must be in the format of name@domain.com"
        }
    }
});

以上代码将name元素指定为required，将email元素指定为required，并指定有效的电子邮件地址。为name元素指定了一条消息，为email指定了两条消息。在此，name和email是两个元素的名称。

从后面的代码中添加规则到jQuery验证

3 个答案: