Chrome 10必填字段问题（jQuery）

Question

似乎昨天推出了Chrome 10稳定版，Chrome现在正在处理所需的表单字段（required =“required”）。这很好，但现在它忽略了我的自定义验证脚本（jQuery）。有人知道强迫Chrome忽略它内置验证器的方法，并使用我的吗？

感谢。

Answer 1

您可以在novalidate标记内插入<form>属性。这将关闭浏览器验证。

语法： <form method="post" action="/submit.php" novalidate> <input type="text" name="first_name" required /> <button type="submit">Submit</submit> </form>

Answer 2

您可以保留所需的属性并设法用jQuery中的CSS类替换它：

var $requiredFields = $('form').find('input[required="required"]');
$requiredFields.removeAttr('required').addClass('required');

Answer 3

为必填字段使用类名，而不是required="required"