鍍金池/ 問答/HTML/ form表單提交時 怎么定位出錯的位置?

form表單提交時 怎么定位出錯的位置?

form表單提交時 有錯誤要顯示氣泡 但是定位是哪個input錯誤然后顯示位置

回答
編輯回答
雨蝶

檢驗分三種。

  1. 前端校驗,此時知道是檢驗到哪個,所以定位容易
  2. 后端全部一起校驗,此時可以返回錯誤信息的同時帶上對應值的name,如{ info: 'xxx', name: 'xxx' },前端根據name找到對應輸入框
  3. 前后端組合校驗,此時后端是單個異步校驗,前端是同步校驗,定位是容易的,但要控制校驗先后順序,不能后端校驗的總是慢一拍,可以用隊列的形式待上一個校驗完成才繼續(xù)后面的校驗。
2018年9月16日 00:03
編輯回答
避風港

這個分很多種情況.

校驗什么?

  • 如果是校驗格式,那么可以完全有前端校驗.
  • 如果需要查庫,比如賬戶已存在,敏感詞這些,需要ajax訪問服務器進行校驗.

怎么校驗?

感覺上是輸入一項,校驗一項.其實不必這么做,我們完全可以每輸入一項,就校驗所有項目.實際上這樣做也更嚴謹.
寫好對應的校驗方法,這個方法應該是對應每一個input的,手機號我們該如何校驗,密碼該如何校驗,地址又該如何校驗.對應的方法只負責對應的input,要保證校驗未通過時,校驗函數能夠定位到當前input,比如校驗方法接收的就是input的id.
如果統(tǒng)一發(fā)后臺進行校驗,后臺就要返回具體出錯的字段和錯誤原因.

什么時候校驗?

按需來看,可以輸入框失焦時校驗,也可以在value改變時校驗,什么時候觸發(fā)完全看需求咯.

2017年7月29日 16:24