我是 javascript 新手，我正在创建一个表单并从文本框中获取值，但为了交叉检查该值是否被获取，我在我的 js 代码中使用了警报。运行代码时它没有显示任何警告框。我尝试在没有表单标签的情况下使用它，它工作正常。<html><body><h2>JavaScript Alert</h2><form name="myForm" action="thanks.html" method="get"> 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" onsubmit="validate()"> </form><script>function validate(){var email= document.getElementById("email").value;alert(email);}</script></body></html>你能告诉我我做错了什么吗
3 回答
精慕HU
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>
宝慕林4294392
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>
添加回答
举报
0/150
提交
取消