布谷鸟网络,宜兴小程序开发公司,宜兴小程序分销商城,宜兴高端网站定制,宜兴网络公司,宜兴小程序商城,宜兴APP开发,宜兴网站建设,宜兴微信公众号维护
浏览器提示:"请填写此字段"怎么修改,表单novalidate属性。
日期:2021/8/13 17:28:26  阅读:

处理项目错误提示时候发现不一致,有的是按自己的代码正常显示,有的是显示个下面这样的提示,请填写此字段。



全局搜索"请填写此字段"没找到,按理应该是js控制的,然后又猜测是哪个第三方库实现的,基本排除了后还是不对,才想到是不是浏览器自带提示,换了个Firefox后果然跟chrome不一样,总算是找到原因了。


就是浏览器对表单字段的验证。如果input有required属性,提交表单是如果字段为空chrome浏览器就会自动提示"请填写此字段",


想要去掉这个提示给表单加一个novalidate属性就行了,禁止验证。


image.png


菜鸟教程上不知道是写错了还是没更新,说是不支持Safari,实际是支持的。


引用w3schools截图:




简单的示例代码:


   

   Title


 

 

   

   

 


 

   

   

 


 



不同的浏览器的提示样式:


chrome:




Safari:




Firefox:




ie:




 


 


参考:


https://www.w3schools.com/tags/att_form_novalidate.asp


https://www.runoob.com/tags/att-form-novalidate.html

————————————————

版权声明:本文为CSDN博主「wangjinyu124419」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/u011519550/article/details/102532413





作者:wangjinyu124419 (来源:CSDN

[声明] 本文系本网编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网邮箱 7016867@qq.com 联系,我们将在第一时间删除内容!
Design By 布谷鸟网络 Since 2004 | 宜兴网络公司 | 宜兴网站设计 | 宜兴网页设计 | 宜兴小程序开发公司 | 宜兴微信商城设计 | 宜兴微信公众号商城 | 宜兴小程序商城 | 网站地图
本站由 为布谷鸟网络(www.cncuckoo.com)提供云计算与安全服务 苏ICP备12074670号-1 宜兴百度优化