Question

我正在使用jQuery小部件来验证表单。我只能为一个id添加一个规则，但我想添加多个规则和消息。我在asp.net中做代码。我正在添加这样的多个规则。

 $('#form1').jqxValidator({ rules: [
                    { input: '#txtUserName', message: 'Your username must be between 3 and 12 characters!', action: 'keyup', rule: 'length=3,12' },
                    { input: '#txtUserName', message: 'Username is required!', action: 'keyup, blur', rule: 'required' },
                    { input: '#txtPassword', message: 'Invalid e-mail!', action: 'keyup', rule: 'email'}],
                theme: 'summer'
            });

但它只显示一条消息，请帮我添加多条规则和消息。

Answer 1

试试这个：

更改txtUserName的验证顺序，首先需要先验证，然后再进行长度验证。

$('#form1').jqxValidator({ 
    rules: [
        { input: '#txtUserName', message: 'Username is required!', action: 'keyup,blur', rule: 'required' },
        { input: '#txtUserName', message: 'Your username must be between 3 and 12 characters!', action: 'keyup', rule: 'length=3,12' },
        { input: '#txtPassword', message: 'Invalid e-mail!', action: 'keyup', rule: 'email'}],
    theme: 'summer'
});

注意：您可以一次查看一条规则的验证消息。
当您在用户名中输入一些未通过length验证的文字时，您可以看到length消息，如果您完全删除输入的文字，那么（required和{{1} }）验证失败，但您只能看到length优先于required验证所需的消息。

Working Jsfiddle

如何使用jquery小部件添加多个规则？

1 个答案: