jquery - 如何跨浏览器检测 jQuery 中具有 'required' 属性的输入字段?

标签 jquery forms html attributes required

我遇到了一个关于表单字段的 bool required 属性的轻微验证问题。

我正在这样标记我的字段:

<label for="email">Email Address:</label>
<input value="" type="email" name="email" id="email" required />

但由于检测问题,尝试使用 jQuery 查找所有必填字段并将它们添加到数组中似乎有问题。

以下仅适用于 Firefox (Gecko) $(':input[required=""]') 但在 Webkit(Safari、Chrome)中不返回任何内容。

另一方面,如果我运行 $(':input[required]')$(':input[required="true"]'),Webkit 会返回所有必填字段,但是当它通过 Gecko 运行时,它不会返回所需的字段。

我在这里做错了什么?最后我检查了输入属性只是 required 而既不是 required="required" 也不是 required="true"

是否有使用 javascript/jQuery 检测所有必填字段的更好方法?

最佳答案

这可能是一个糟糕的解决方法,但您是否尝试过多重选择器?

$(':input[required=""],:input[required]')

关于jquery - 如何跨浏览器检测 jQuery 中具有 'required' 属性的输入字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4975996/

相关文章:

PHP通过JQuery请求MYSQL

php - 在下拉选择中自动提交表单*无需*单击提交按钮? AJAX/PHP

javascript - 一旦我检查了一种输入类型的 radio ,如何禁用和启用输入类型提交?

html - 提取此元标记的 xpath 正则表达式是什么?

html - 网站的跨浏览器兼容性

javascript - 为什么 PHP 找不到使用 JS 或 jQuery 可访问的元素?

javascript - knockout 可观察的访问属性

javascript - 追加新的文本行而不使用 ".append"

javascript - 以编程方式将数据发送到 iframe

html - 构建两列 html 表单的最佳方式?