添加要提交的事件按钮
Add event to submit button
>我刚刚开始用这个JS代码学习JSs。
<div class="container">
<form name="myForm" action="#" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit" id="smit">
</form>
<script>
var smit=document.getElementById("smit");
smit.addEventListener("click",formvalidate(),false);
function formvalidate(){
console.log(" vua moi click submit");
if(t==null){
var t= document.forms["myForm"]["fname"].value;
if(t==null || t==""){
alert("xin dien vao email");
}
}
}
</script>
在浏览器中预览时,尽管我没有单击提交按钮,但仍会自动出现警报弹出窗口。谁能解释一下发生了什么?谢谢。
函数名称后面的括号会导致函数立即被调用。由于您只是将其分配为事件侦听器,因此您希望传递它。
删除括号,它将等待单击后再执行:
smit.addEventListener("click", formvalidate, false);
// ^^ No parentheses
我做了一些小的更改,所以它也可以在IE中工作:
<form name="myForm" id="myForm" action="#" method="post">
First name: <input type="text" name="fname" id="fname">
<input type="submit" value="Submit" id="smit">
</form>
<script >
function formvalidate(event){
//removed console log because that only works in ie
// when debugging
var t= document.getElementById("fname").value;
if(t==""){
alert("xin dien vao email");
if(event.preventDefault){ event.preventDefault()};
if(window.event){window.event.returnValue = false;}
}
}
var smit=document.getElementById("myForm");
if(smit.addEventListener){
smit.addEventListener("submit",formvalidate,false);
}else{
//ie doesn't have addEventListner
smit.attachEvent('onsubmit', formvalidate);
}
</script>
从formvalidate中删除括号,例如:
smit.addEventListener("click",formvalidate(),false);
自
smit.addEventListener("click",formvalidate,false);
参见:addEventListener
事件侦听器不包含括号,将其删除.如果您向其添加括号,它看起来像函数,但在这里您必须分配事件侦听器。
smit.addEventListener("click",formvalidate,false);
相关文章:
- ASP.NET通过单击JavaScript按钮触发c#事件
- 当我点击jsf中的primefaces命令按钮时,如何获得点击事件
- 鼠标悬停事件影响列表中所有行中的按钮,而不仅仅是特定按钮
- 如何在不单击javascript中的按钮的情况下触发事件
- 如何隐藏按钮单击事件上的占位符
- 如何使用for循环添加所有按钮'单击事件
- 单击按钮前运行事件
- 主干点击事件按钮不工作
- 切换事件按钮
- 从javascript onclick事件按钮调用c函数
- 点击加载事件按钮
- 在.remove()和.append()之后返回我的事件按钮
- 如何在javascript中启用或禁用文本框的按键事件按钮
- 如何添加onclick事件按钮在yii引导(http://www.cniska.net/yii-bootstrap/#t
- 如何打开弹出窗口旁边的事件按钮-如何获得鼠标光标位置onclick
- 单击事件按钮正在发送图标作为目标
- 添加要提交的事件按钮
- Jquery移动处理器事件按钮
- Js移动网络事件按钮
- 为什么在HTML按钮的属性窗口中没有事件按钮