本文主要介绍wordpress添加Html5到表单验证所需方法的总结。本文通过示例代码非常详细,对大家的学习或工作都有一定的参考价值。需要的朋友可以参考一下。
表单验证是防止垃圾评论的一个方面。wordpress自带严格的验证方法。在HTML5的推广和支持下,我们可以在WordPress评论表单中加入Html5表单验证方法,增加用户的良好体验
1、required 属性定义和用法
所需属性指定提交前必须填写输入字段。
如果使用此属性,则该字段是必需的。
注意:所需属性适用于以下类型:文本、搜索、网址、电话、电子邮件、密码、日期选择器、号码、复选框、广播、文件。
2、修改wordpress的姓名和邮箱必填字段
对于WordPress,评论框中需要电子邮件和url(对应于电子邮件地址和网站)。唐山企业官网。结合所需属性和占位符属性,原始代码应修改如下:
输入id=' author ' name=' author ' type=' text ' class=' form-control '占位符=' nickname ' required=' required ' value=' '。ESC _ attr ($评论员['comment _ author'])。' size=' 30
input id=' email ' name=' email ' type=' text ' class=' form-control ' placeholder=' 272586593 @ QQ.com ' required=' required ' value=' ' .ESC _ attr($ comment er[' comment _ author _ email '])。' size='30' /
3、修改气泡提示样式
向主题的style.css添加样式
/*===带必填项的表单===*/
/*无效*/
input:required:invalid无效{
CSS代码
}
/*有效*/
input:required:valid{
CSS代码
}
总结
以上是wordpress添加Html5表单验证所需方法的总结。更多相关wordpress添加Html5表单验证所需内容,请搜索Script House以前的文章或继续浏览下面的相关文章。希望大家以后多多支持脚本屋!