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

Posted 2023-05-09

【中文标题】如何使用 jquery 小部件添加多个规则？

【英文标题】：How to add multiple rules using jquery widgets?

【发布时间】：2014-08-28 18:32:20

【问题描述】：

我正在使用 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'
            );

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

【问题讨论】：

你的代码在我看来没问题。您能否验证 id 是否唯一？

是的，ID 没问题，因为第一个规则对 id 有效，但第二个无效..

【参考方案1】：

试试这个：

更改txtUserName的验证顺序，先输入required再输入长度验证。

$('#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 和 length）验证都失败，但您只能看到required 所需的消息优先于 length 验证。

Working Jsfiddle