Question

我在PHP文件中有一个HTML表单，我正在尝试使用Jquery验证此表单。令我沮丧的是，我无法在页面登记之前验证表单，即刷新。此外，我使用seveal不同的插件，我没有收到任何类型的通知。这是以下形式：

<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的本机表单验证，请执行以下操作：

对于需要值的输入字段，请在输入标记

required

要检查电子邮件，输入标记的type属性应为'email'。
对于其他类型的模式匹配，请使用带有正则表达式的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/

BTW，如果要禁用此原生表单验证，请在表单标记中添加novalidate属性。

Answer 2

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

Wordpress / PHP / JQuery验证错误？ HTML 5验证失败了吗？

2 个答案: