php - WordPress/PHP/JQuery 验证错误？ HTML 5 验证失败？

Question

我的 PHP 文件中有一个 HTML 表单，我正在尝试使用 Jquery 验证该表单。令我沮丧的是，我无法在页面登顶(即刷新)之前验证表单。此外，我使用了几个不同的插件，但没有收到任何类型的通知。以下是表格:

<div id="contactRight">
<form method="post" action="form.php">
<input type="text" class="required" id="first" value="First*" ></input><br/>
<input type="Last Name" value="Last*" id="lastname"></input><br/>
<input type="text" value="Email*" id="email"></input><br/>
<textarea id="subject" id="subject">Subject*</textarea>
<input class="submit" type="submit" value="submit"></input>
</form>

使用 bassistance 验证插件，它表示您可以为输入提供一个值为“required”的类，从而导致验证插件启动。我对使此表单正常工作的尝试感到非常沮丧。更重要的是，使用 HTML 5 是灾难性的，我没有收到任何未填写的输入字段的通知。我应该采取不同的方法吗？

Answer 1

如果您想使用 HTML5 的 native 表单验证，请执行以下操作:

1. 对于需要值的输入字段，请在输入标记中添加 required 属性
2. 为了检查电子邮件，输入标记的 type 属性应为“电子邮件”。
3. 对于其他类型的模式匹配，请将 pattern 属性与正则表达式结合使用。

引用: https://blog.mozilla.org/webdev/2011/03/14/html5-form-validation-on-sumo/ http://www.developer.nokia.com/Blogs/Code/2012/11/21/creating-a-custom-html5-form-validation/

顺便说一句，如果您想禁用此原生表单验证，请在表单标签中添加 novalidate 属性。