帝王谷资源网 Design By www.wdxyy.com

表单验证 是防止垃圾评论的一个方面,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" />

wordpress添加Html5的表单验证required方法小结

3、修改气泡提示样式
在主题的style.css里添加样式

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

总结

标签:
wordpress添加Html5的表单验证required,Html5表单验证required

帝王谷资源网 Design By www.wdxyy.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
帝王谷资源网 Design By www.wdxyy.com

稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!

昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。

而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?