我喜歡專注于 Web 開發(fā)，但我發(fā)現(xiàn)自己遇到了問題。我嘗試使用 JavaScript 驗證，將表單提交到 PHP 文件，但我嘗試使用事件偵聽器幫助我檢查輸入字段。我想先檢查名字輸入是否已填寫。事件偵聽器有助于避免在未填寫名字時提交表單，但當我填寫名字時，單擊提交按鈕不會提交表單，而是需要單擊兩次才能提交表單。哪里有問題？HTML代碼`form method="POST" action="form.php" id="form" >First Name input type= 'text' name= 'firstName' id="firstName">input type= 'submit' value="Submit Form">`JavaScript 代碼var form = document.getElementById("form");form.addEventListener("submit", eventListerners);function eventListerners(event){ event.preventDefault(); var firstName = document.getElementById("firstName"); if(firstName.value == ""){ alert("Name cannot be empty"); } else { form.removeEventListener("submit", eventListerners); }}
1 回答
四季花海
TA貢獻1811條經(jīng)驗 獲得超5個贊
您可以在塊中調用submit事件else：
var form = document.getElementById("form");
form.addEventListener("submit", eventListerners);
function eventListerners(event){
event.preventDefault();
var firstName = document.getElementById("firstName");
if(firstName.value == ""){
alert("Name cannot be empty");
}else{
this.submit();
}
}
<form method="POST" action="form.php" id="form" >
First Name <input type= 'text' name= 'firstName' id="firstName">
<input type= 'submit' value="Submit Form">
刪除事件監(jiān)聽器并不是提交表單的好習慣。如果用戶輸入有效數(shù)據(jù)，則提交表單。或者當用戶輸入無效數(shù)據(jù)時阻止表單提交。
- 1 回答
- 0 關注
- 134 瀏覽
添加回答
舉報
0/150
提交
取消