el form登入表單在Safari瀏覽遇到的問題

2021-09-26 15:28:03 字數 362 閱讀 3371

最近遇到乙個非常奇怪的問題,登入表單在輸入密碼之後,密碼框失去焦點後獲取資料,在這之前禁用登入按鈕。還有乙個重置按鈕,用來重置表單。

使用瀏覽器的記住密碼功能填充表單,在chrome,firefox瀏覽器執行的好好的,但是到safari瀏覽器就出現了問題,正常輸入使用者名稱密碼可以登入,但使用瀏覽器記住密碼功能填充表單,就出現了乙個很奇怪的問題。表單被清空,也就是說在填充表單的同時執行了重置按鈕。這就很奇怪了,經過除錯之後,我在呼叫的方法棧中看到了重置方法。

找問題花費了很久時間,剛開始毫無頭緒,有可能是因為禁用登入按鈕後el-form將重置按鈕作為submit按鈕,於是我給按鈕新增了type 登入按鈕新增submit,重置按鈕新增button。再除錯了一下,程式就正常執行了。

el form表單驗證

如果table在form中,且需要對每個 進行驗證的話,需要對prop進行處理 el form上,model繫結的資料是json物件格式 el form item上,prop繫結的值必須可以通過.的方式從el form上的model繫結的物件中找到 即prop值和el form item中model...

form表單 在路上(15)

表單就是將使用者的資訊提交到伺服器,伺服器會將資訊儲存活著根據資訊查詢資料進行增刪改查,再將其返回給使用者。action 表單提交的方向 method 表單提交的型別 注 其中為方便js找到 所以label用來為已經存在的標籤解釋說明 並通過for繫結表單id,也只能是id。具體如下 for use...

el form單個表單域新增自定義驗證

直接把validator寫在data中會報undefined,我們需要把它改造一下,寫在methods中 下面貼 style width 20px height 20px margin 4px 將validator寫在methods中 methods callback imagevalidator ...