日期:2021/8/13 17:28:26 阅读:
处理项目错误提示时候发现不一致,有的是按自己的代码正常显示,有的是显示个下面这样的提示,请填写此字段。
全局搜索"请填写此字段"没找到,按理应该是js控制的,然后又猜测是哪个第三方库实现的,基本排除了后还是不对,才想到是不是浏览器自带提示,换了个Firefox后果然跟chrome不一样,总算是找到原因了。
就是浏览器对表单字段的验证。如果input有required属性,提交表单是如果字段为空chrome浏览器就会自动提示"请填写此字段",
想要去掉这个提示给表单加一个novalidate属性就行了,禁止验证。
菜鸟教程上不知道是写错了还是没更新,说是不支持Safari,实际是支持的。
引用w3schools截图:
简单的示例代码:
不同的浏览器的提示样式:
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 联系,我们将在第一时间删除内容!