1

我在 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 是灾难性的，我不会收到任何未填写任何输入字段的通知。我应该采取不同的方法吗？

4

2 回答 2

1

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

  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/创建-a-custom-html5-form-validation/

顺便说一句，如果要禁用此本机表单验证，请novalidate在表单标记中添加属性。

于 2013-01-16T03:41:05.910 回答
0

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

于 2013-01-17T18:06:59.057 回答