Wordpress/PHP/JQuery 验证错误？ HTML 5 验证失败？答案

【问题标题】：Wordpress/PHP/JQuery Validation errors? HTML 5 validation fail?Wordpress/PHP/JQuery 验证错误？ HTML 5 验证失败？
【发布时间】：2013-01-16 03:16:07
【问题描述】：

我在 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 验证插件，它说您可以为您的输入提供一个值为“必需”的类，从而导致验证插件启动。我对使此表单工作的尝试感到非常沮丧。更何况，使用 HTML 5 是灾难性的，我没有收到任何未填写任何输入字段的通知。我应该采取不同的方法吗？

【问题讨论】：

哈哈哈。尝试接受可以提高获得答案概率的答案。

标签： php javascript jquery html wordpress

【解决方案1】：

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

对于需要值的输入字段，在输入标签中添加required属性
对于检查电子邮件，输入标签应具有type 属性，即“电子邮件”。
对于其他类型的模式匹配，使用带有正则表达式的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 属性。

【讨论】：

【解决方案2】：

我发现了这个问题，我可以添加一个占位符标签，这样我就可以将值保持为空。我有值，所以验证器按预期工作。傻我。不过，我的下一个问题是，占位符标签是否适用于所有其他浏览器？

【讨论】：