HTML5非空验证问题

原梓番
519
文章
116
评论
2017/02/0818:17:32 1 6,347 views

想在Wordpress页面上加个文本验证,Wordpress的文章在‘文本’一栏是支持HTML代码的。但默认不支持PHP代码。于是试着用JS,貌似也不支持。查了财知道前面需要加<pre lang=”LANGUAGE” line=”0″></pre>标签,写明调用PHP才可以。写了出来,好长一片,觉得好麻烦。这才想起一个问题:搞这么麻烦干吗,为什么不用HTML5?

于是用HTML5写了一个input框,加了Require属性。于是文本框变成了必填项,但因为主机语言的原因,默认显示的提示是“please fill out this field”。汉语意思是‘请填写此字段’。我敢保证有一大票人不知道‘字段’是个什么鬼。所以这个H5页面提示必须改。于是就写了下列代码(实测可用):

<input type="text" placeholder="您的姓名" required oninvalid="setCustomValidity('请输入您的姓名');" oninput="setCustomValidity('');" />

匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:1   其中:访客  1   博主  0
    • 养森瘦瘦塑身 0

      谢谢分享,我试试