使用ajax无刷提交表单时，按钮onsubmit事件有关问题
日期：2014-05-16 浏览次数：20329 次
求助使用ajax无刷提交表单时，按钮onsubmit事件问题
Hi，ALL：
问题很简单，想用一个按钮实现开关的功能。在IE里调试，点第一下之后，按钮的onsubmit已经被改成了我想要的状态，但是再点，似乎onsubmit就失效了，而且页面被刷了一下。请大家帮忙纠正下错误吧，谢谢！
------解决方案--------------------
Hi，ALL：
问题很简单，想用一个按钮实现开关的功能。在IE里调试，点第一下之后，按钮的onsubmit已经被改成了我想要的状态，但是再点，似乎onsubmit就失效了，而且页面被刷了一下。请大家帮忙纠正下错误吧，谢谢！
- JScript code
<html>
<head>
</head>
<body onload="a()">
<script language="javascript">
function a()
{
var html='<form id="f" onsubmit="c();return false;"><input id=bt type="submit" value="submit" /></form>';
document.getElementById('d').innerHTML=html;
}
function c()
{
alert("c");
var html;
document.getElementById('bt').value='开';
document.getElementById('f').onsubmit='b();return false;';
}
function b()
{
alert("b");
var html;
document.getElementById('bt').value='关';
document.getElementById('f').onsubmit='c();return false;';
}
</script>
<div id=d>
</div>
</body>
</html>
------解决方案--------------------
- HTML code
<html>
<head>
<meta charset="gb2312" />
</head>
<body onload="a()">
<script language="javascript">
function a()
{
var html='<form id="f" onsubmit="c();return false;"><input id=bt type="submit" value="submit" /></form>';
document.getElementById('d').innerHTML=html;
}
function c()
{
alert("c");
var html;
document.getElementById('bt').value='开';
document.getElementById('f').onsubmit = function(){
b();
return false;
};
}
function b()
{
alert("b");
var html;
document.getElementById('bt').value='关';
document.getElementById('f').onsubmit=function(){
c();
return false;
};
}
</script>
<div id=d>
</div>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
