怎么用JAVASCRIPT 判断按钮是否被点击提交事件
日期：2014-05-16 浏览次数：20364 次
如何用JAVASCRIPT 判断按钮是否被点击提交事件
<script language="javascript">
<!--
function checkform(form)
{
}
//-->
</script>
<form action="" method="POST" name="iform" enctype="multipart/form-data" onsubmit="return checkForm(this)">
<input type="submit" name="submit1" value=" 登録1 " >
<input type="submit" name="submit2" value=" 登録2 " >
</form>
上面是一个普通的用javascript校验表单的代码，现在我想在checkform()当中加入一些事件，分别控制submit1，submit2按钮，比如当点击SUBMIT1弹出一个确认提示，点击SUBMIT2弹出另外一个确认提示，我想把这2个判断都些在checkform()当中，该如何写，也就是说如何判断submit按钮是否被点击，if(submit1.clicked){if (confirm(".....？")) {}}
if(submit2.clicked){if (confirm(".....？")) {}}
这是两个不同的事件，请问该如何写？当然不要写成<input type="submit" name="submit1" onclick=".." value=" 登録1 " >这种形式，因为在前面表单里已经有onsubmit了。
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无??文档</title>
<script language="javascript">
<!--
function checkForm(form)
{
alert(document.activeElement.name)
}
//-->
</script>
<form action="" method="POST" name="iform" enctype="multipart/form-data" onsubmit="return checkForm(this)">
<input type="submit" name="submit1" value=" aaa1 " >
<input type="submit" name="submit2" value=" aaa2 " >
</form>
</html>
<script language="javascript">
<!--
function checkform(form)
{
}
//-->
</script>
<form action="" method="POST" name="iform" enctype="multipart/form-data" onsubmit="return checkForm(this)">
<input type="submit" name="submit1" value=" 登録1 " >
<input type="submit" name="submit2" value=" 登録2 " >
</form>
上面是一个普通的用javascript校验表单的代码，现在我想在checkform()当中加入一些事件，分别控制submit1，submit2按钮，比如当点击SUBMIT1弹出一个确认提示，点击SUBMIT2弹出另外一个确认提示，我想把这2个判断都些在checkform()当中，该如何写，也就是说如何判断submit按钮是否被点击，if(submit1.clicked){if (confirm(".....？")) {}}
if(submit2.clicked){if (confirm(".....？")) {}}
这是两个不同的事件，请问该如何写？当然不要写成<input type="submit" name="submit1" onclick=".." value=" 登録1 " >这种形式，因为在前面表单里已经有onsubmit了。
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无??文档</title>
<script language="javascript">
<!--
function checkForm(form)
{
alert(document.activeElement.name)
}
//-->
</script>
<form action="" method="POST" name="iform" enctype="multipart/form-data" onsubmit="return checkForm(this)">
<input type="submit" name="submit1" value=" aaa1 " >
<input type="submit" name="submit2" value=" aaa2 " >
</form>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
