Wordpress/PHP/JQuery验证错误?HTML 5验证失败

Wordpress/PHP/JQuery Validation errors? HTML 5 validation fail?

本文关键字：验证 HTML 失败 错误 JQuery Wordpress PHP      更新时间：2023-09-26

我有一个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是灾难性的，我没有收到任何未填写输入字段的通知。我应该采取什么不同的方法吗?

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

  1. 对于需要值的输入字段，在
    2. 输入标签中添加required属性
  2. 用于检查邮件，输入标签应该有一个type属性为'email'。
  3. 对于其他类型的模式匹配，使用pattern属性与regex。

参考: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属性在表单标签

我已经发现了这个问题，我可以添加一个占位符标记，这将允许我保持值为空。我有值，所以验证器按预期工作。愚蠢的我。我的下一个问题是，占位符标签是否适用于所有其他浏览器?

相关文章：