猿问

javascript中的警告框问题

我是 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>

你能告诉我我做错了什么吗


呼啦一阵风
浏览 183回答 3
3回答

精慕HU

input元素没有onSubmit事件但form有。这就是您需要更改的全部内容:<form&nbsp;name="myForm"&nbsp;action="thanks.html"&nbsp;method="get"&nbsp;onsubmit="validate()">演示:function validate() {&nbsp; var email = document.getElementById("email").value;&nbsp; alert(email);}<h2>JavaScript Alert</h2><form name="myForm" action="thanks.html" method="get" onsubmit="validate()">&nbsp; UserName:<br/><input type="text" name="user"><br/><br/> Email:&nbsp; <br/><input type="text" name="pass" id="email"><br/><br/> Message:&nbsp; <br/><textarea name="msg" rows="5"></textarea><br/><br/>&nbsp; <input type="submit" name="submit" value="Submit Form"></form>

宝慕林4294392

将 inout 类型从“提交”更改为“按钮”,然后使用 $("#form_id").submit() 从验证函数提交表单。您也可以尝试在验证函数中添加 e.preventDefault()。

白猪掌柜的

您可以onsubmit="validate()"在表单标签中使用函数而不是输入类型提交。<html><body>&nbsp; &nbsp; <h2>JavaScript Alert</h2>&nbsp; &nbsp; <form name="myForm" action="thanks.html" method="get" onsubmit="validate()">&nbsp; &nbsp; &nbsp; &nbsp;UserName:<br/><input type="text" name="user"><br/><br/>&nbsp; &nbsp; &nbsp; &nbsp;Email:<br/><input type="text" name="pass" id="email"><br/><br/>&nbsp; &nbsp; &nbsp; &nbsp;Message:<br/><textarea name="msg" rows="5"></textarea><br/><br/>&nbsp; &nbsp; &nbsp; &nbsp;<input type="submit" name="submit" value="Submit Form">&nbsp; &nbsp; </form><script>&nbsp; &nbsp; function validate() {&nbsp; &nbsp; &nbsp; &nbsp; var email= document.getElementById( "email" ).value;&nbsp; &nbsp; &nbsp; &nbsp; alert( email );&nbsp; &nbsp; }</script></body></html>
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答