3 回答

TA貢獻1845條經驗 獲得超8個贊
input
元素沒有onSubmit
事件但form
有。
這就是您需要更改的全部內容:
<form name="myForm" action="thanks.html" method="get" onsubmit="validate()">
演示:
function validate() {
var email = document.getElementById("email").value;
alert(email);
}
<h2>JavaScript Alert</h2>
<form name="myForm" action="thanks.html" method="get" onsubmit="validate()">
UserName:<br/><input type="text" name="user"><br/><br/> Email:
<br/><input type="text" name="pass" id="email"><br/><br/> Message:
<br/><textarea name="msg" rows="5"></textarea><br/><br/>
<input type="submit" name="submit" value="Submit Form">
</form>

TA貢獻2021條經驗 獲得超8個贊
將 inout 類型從“提交”更改為“按鈕”,然后使用 $("#form_id").submit() 從驗證函數提交表單。您也可以嘗試在驗證函數中添加 e.preventDefault()。

TA貢獻1893條經驗 獲得超10個贊
您可以onsubmit="validate()"在表單標簽中使用函數而不是輸入類型提交。
<html>
<body>
<h2>JavaScript Alert</h2>
<form name="myForm" action="thanks.html" method="get" onsubmit="validate()">
UserName:<br/><input type="text" name="user"><br/><br/>
Email:<br/><input type="text" name="pass" id="email"><br/><br/>
Message:<br/><textarea name="msg" rows="5"></textarea><br/><br/>
<input type="submit" name="submit" value="Submit Form">
</form>
<script>
function validate() {
var email= document.getElementById( "email" ).value;
alert( email );
}
</script>
</body>
</html>
添加回答
舉報