javascript - javascript中的警告框问题

标签 javascript html

我是 javascript 的新手,我正在创建一个表单并从文本框中获取值,但为了交叉检查是否获取了该值,我在我的 js 代码中使用了警报。它在运行代码时没有显示任何警告框。

我尝试在没有 form 标签的情况下使用它,它工作正常。

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

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

最佳答案

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>

关于javascript - javascript中的警告框问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58179517/

相关文章:

javascript - JQuery UI 在 Chrome 上工作,但在 Firefox 上不工作

javascript - 表单验证无法正常工作

php - Facebook 标签高度滚动条

javascript - 如何获得完全计算的 HTML(而不是源 HTML)?

javascript - 按下按钮后循环遍历整个数组

javascript - 获取 Canvas 鼠标在 Canvas 上的位置

javascript - 过渡后在 D3 投影顶部重绘关键点

javascript - 反转字符串中的单词

javascript - jQuery 表单提交未提交表单

jquery - 定位页面中心Div的右下角