这篇文章首要介绍了wordpress增加Html5的表单验证required办法小结,工信部icp备案通过实例代码给我们介绍的非常具体，对我们的学习或作业具有一定的参考学习价值，需要的朋友能够参考下

表单验证 是防止垃圾谈论的一个方面，wordpress现已自带了严厉的验证办法，随着HTML5的推广支撑，工信部备案号查询我们能够在WordPress谈论表单上增加Html5的表单验证办法验证办法，增加用户的良好体验

1、required 特点定义和用法

required 特点规则必需在提交之前填写输入字段。

如果运用该特点，则字段是必填（或必选）的。

注释：required 特点适用于以下 类型：text, search, url, telephone, email, password, date pickers, number, checkbox, radio ， file。

2、修正wordpress的名字和邮箱必填字段

WordPress 的话，谈论框中需要用到email与url（对应电子邮箱，网站）。结合required特点、placeholder特点，原来的代码应该修正为类似如下：<input id=”author” name=”author” type=”text” class=”form-control” placeholder=”昵称” required=”required” value=”‘ . esc_attr( $commenter[‘comment_author’] ) . ‘” size=”30″ />
<input id=”email” name=”email” type=”text” class=”form-control” placeholder=”272586593@QQ.com” required=”required” value=”‘ . esc_attr( $commenter[‘comment_author_email’] ) . ‘” size=”30″ />

3、修正气泡提示款式

在主题的style.css里增加款式

/*===包括required的表单===*/
/* 无效 */
input:required:invalid{
CSS代码
}
/* 有效 */
input:required:valid{
CSS代码
}

总结

到此这篇关于wordpress增加Html5的表单验证required办法小结的文章就介绍到这了,更多相关wordpress增加Html5的表单验证required内容请搜索脚本之家！