设为首页收藏本站
天天打卡

 找回密码
 立即注册
搜索
查看: 112|回复: 11

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

[复制链接]

3

主题

57

回帖

181

积分

注册会员

积分
181
发表于 2024-4-20 10:29:50 | 显示全部楼层 |阅读模式
表单验证 是防止垃圾评论的一个方面,wordpress已经自带了严格的验证方法,随着HTML5的推广支持,我们可以在WordPress评论表单上添加Html5的表单验证方法验证方法,增加用户的良好体验
1、required 属性定义和用法
required 属性规定必需在提交之前填写输入字段。
如果使用该属性,则字段是必填(或必选)的。
注释:
  1. required 
复制代码
属性适用于以下 类型:
  1. text, search, url, telephone, email, password, date pickers, number, checkbox, radio , file。
复制代码
2、修改wordpress的姓名和邮箱必填字段
WordPress 的话,评论框中需要用到email与url(对应电子邮箱,网站)。结合required属性、placeholder属性,原来的代码应该修改为类似如下:
  1. <input id="author" name="author" type="text" class="form-control" placeholder="昵称" required="required" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30" />
  2. <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、修改气泡提示样式
在主题的
  1. style.css
复制代码
里添加样式
  1. /*===包含required的表单===*/
  2. /* 无效 */
  3. input:required:invalid{
  4.     CSS代码
  5. }
  6. /* 有效 */
  7. input:required:valid{
  8.     CSS代码
  9. }
复制代码
总结
到此这篇关于wordpress添加Html5的表单验证required方法小结的文章就介绍到这了,更多相关wordpress添加Html5的表单验证required内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×

0

主题

61

回帖

115

积分

注册会员

积分
115
发表于 2024-5-15 07:42:41 | 显示全部楼层
太棒了!感谢分享这个信息!

0

主题

53

回帖

107

积分

注册会员

积分
107
发表于 2024-6-15 23:57:26 | 显示全部楼层
嘎嘎嘎嘎嘎嘎嘎

1

主题

48

回帖

120

积分

注册会员

积分
120
发表于 2024-6-29 22:24:53 | 显示全部楼层
能给个链接吗?我想深入了解一下。

4

主题

80

回帖

228

积分

中级会员

积分
228
发表于 2024-7-1 09:21:00 | 显示全部楼层
让我们一起努力

3

主题

48

回帖

161

积分

注册会员

积分
161
发表于 2024-7-18 00:43:02 | 显示全部楼层
同意你的观点,我们有共鸣。

2

主题

40

回帖

126

积分

注册会员

积分
126
发表于 2024-7-18 20:48:33 | 显示全部楼层
谢谢你分享这个信息

2

主题

46

回帖

138

积分

注册会员

积分
138
发表于 2024-7-31 14:07:06 | 显示全部楼层
太棒了!感谢分享这个信息!

2

主题

55

回帖

155

积分

注册会员

积分
155
发表于 2024-9-2 11:12:14 | 显示全部楼层
同意你的观点,我们有共鸣。

1

主题

80

回帖

174

积分

注册会员

积分
174
发表于 2024-9-27 15:46:27 | 显示全部楼层
确实牛逼
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|爱云论坛 - d.taiji888.cn - 技术学习 免费资源分享 ( 蜀ICP备2022010826号 )|天天打卡

GMT+8, 2024-11-24 09:21 , Processed in 0.101847 second(s), 27 queries .

Powered by i云网络 Licensed

© 2023-2028 正版授权

快速回复 返回顶部 返回列表