javascript - 检查字段是否为必填项？

Question

我需要使用 jquery 查找给定表单中的所有必填字段。我使用的是这个语法:

$('input[required],select[required]')

这是在做工作，但现在我开始使用 jQuery Validation Plugin 。据我了解，插件不会向字段添加“必填”属性，这就是为什么上面的脚本无法找到必填字段的原因。使用 jQuery 验证插件时是否可以选择必填字段？

Answer 1

As I understood plugin would not add 'required' attribute to field, and thats why above script is failing to find required fields.

jQuery Validate 插件不会动态添加或删除输入元素的属性。它仅根据字段是否有效来添加/删除类。

Is it possible select required field when using jQuery Validation Plugin?

不直接。当字段具有插件设置声明的“必需”规则时，输入没有什么独特之处。

但是，使用此插件，可以使用其他几种方法在字段上声明规则...下面只是两个示例。

无需通过 .validate() 中的 rules 对象声明 required 规则，只需添加 HTML5 required 属性添加到您自己的字段中。 jQuery Validate 插件将通过选择此 HTML5 属性并将 required 规则分配给该字段进行验证来工作。

<input type="text" name="foo" required />

或者

<input type="text" name="foo" required="required" />

并且您不需要在选择器中指定元素本身，只需指定属性，就像这样......

$('[required]')

或者

$('[required="required"]')

<小时/>

您还可以通过类分配规则...

<input type="text" name="bar" class="required" />

然后您可以轻松选择具有此类的所有元素...

$('.required')

<小时/>

此演示展示了分配 required 规则的三种不同方法。

演示:jsfiddle.net/fg25jsw3/