HTML5非空验证问题

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

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

[code]文章源自原紫番博客-https://www.yuanzifan.com/6651.html

<input type="text" placeholder="您的姓名" required oninvalid="setCustomValidity('请输入您的姓名');" oninput="setCustomValidity('');" />文章源自原紫番博客-https://www.yuanzifan.com/6651.html

[/code]文章源自原紫番博客-https://www.yuanzifan.com/6651.html 文章源自原紫番博客-https://www.yuanzifan.com/6651.html

站长微信
扫码添加(注明来意)
weinxin
Yuanzifan99
原梓番博客公众号
博客内容精选
weinxin
原梓番博客
 
    • 养森瘦瘦塑身 0

      谢谢分享,我试试

    发表评论

    匿名网友
    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
    确定

    拖动滑块以完成验证