改HTML5里的input标签的required属性的提示为英文的

原文出处:http://zhidao.baidu.com/link?url=bVzR5uJ0pHchYtnUAbwbjmfKwBi6tF52wjOqWQtyGddJ6ZpGbd4qPM7Q_pfIEsD2qIVD42yyLVVbxF53ZICrKVfd5MEk1-n0rU1eewrrjja

 

大家都知道HTML5为input标签里新增了required属性,在提交表单时,如果required项为空,则提示用户该项不能为空,现在问题是这样的:我的做的是一个英文的网站,怎么在不换英文的系统的情况下让这个提示也变英文呢?

最佳答案
 
input 里面增加这样的语句:
 required oninvalid="setCustomValidity('必须填写!');" οninput="setCustomValidity('');"
 
希望可以帮助到你,如果对你有帮助,请记得及时采纳,谢谢
 其他回答
本来的required没有考虑本地HTML5的验证测试,而不是供应自己的自定义测试。
如果你不想使用HTML5的类型匹配和模式匹配,然后利用setcustomvalidity()与oninvalid事件:

<input type="text" pattern="[a-zA-Z]+"

oninvalid="setCustomValidity('Custom Message')" />

这样设置后,无论你任何支撑html5的浏览器均显示为自定义的message,和本地系统语言无关。
希望能帮到你。
posted @   吴土炮Jared  阅读(886)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示