表單驗證失敗阻止提交

2021-08-15 13:15:15 字數 876 閱讀 6234

提交表單的時候往往需要經過驗證表單的內容是否符合要求,我們舉乙個例子

一般來說,在驗證失敗的時候,我們就不進行提交了,但是如果我們這麼寫

let form = document.forms.search;

// 驗證表單是否為空

function search() else

}form.onsubmit = function ()

還是會出現表單提交,後端無法處理的情況

這是,只要將最後的onsubmit函式更改為如下

form.onsubmit = function ()
隨著js的一次次改變,我們更推薦使用addeventlistener來取代on事件繫結 在這個過程中發現了乙個問題

form.addeventlistener('submit',function () );
這樣並沒由阻止表單的提交,這是為什麼呢?

原因是當我們使用on進行事件繫結的時候,會發生覆蓋

比如說

form.onsubmit = function () 

form.onsubmit = function ()

這個時候,在提交的時候只會顯示world,而addeventlistener沒有這個效果,所以,我們要組織預設的事件

form.addeventlistener('submit',function (event) );
更好的寫法是,

form.addeventlistener('submit', (event) => )

阻止自動表單提交

html js function getfocus txt function valiname txt test txt.value else function valipwd txt test txt.value else function valiall e window.nl ad funct...

阻止表單缺剩提交

doctype html 阻止表單缺剩提交 使用者名稱 密碼 註冊頁面提示資訊,ajax學完在補充 當游標移除輸入框就開始判斷 如果沒有填完是不允許提交的,所以需要使用js驗證,阻止缺剩提交 查詢表單的三種方法 1通用方法 2通過document.forms 0 獲得形式物件 3獲得形式表單中的物件...

阻止form表單提交的問題

阻止form表單提交這種場景可能在生活中,我們經常碰到,而在我們第一印象裡面可能我們用return false 去阻止表單預設行為。但是,有中情況我們用return false 不能阻止表單提交 class warp 這裡有更多的知識分享,交流。以上 我們看著,好像沒有錯誤,但是,表單依然可以提交,...