日期: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 聯系,我們將在第一時間刪除內容!