火狐浏览器表单不跳转_阻止submit提交表单的方法（浏览器兼容）

验证不通过，阻止表单提交

一种情况是写在onclick，下面两种写法都可以：

//

onClick="return checkform()"> //IE可以阻止,FF可以阻止

//

onClick="checkform_success(event)">

//IE可以阻止,FF可以阻止

另一种情况是动态绑定onclick事件：

//

value="提交5">//submit5.attachEvent("onclick",checkform_success)

IE可以阻止,FF可以阻止

下面看代码，自行调试！！！

response.write(trim(request.form("a")))

%>

action="">

//

value="abc">

onClick="return checkform()"

IE可以阻止,FF可以阻止

//

onClick="checkform()">//onClick="checkform()"

IE无法阻止,FF无法阻止

//

value="提交3">//submit3.attachEvent("onclick",checkform)

IE可以阻止,FF无法阻止

如果是直接写在onclick里面，我们直接用return

checkform()就好了。

问题是有时候，我们又不乐意写在DOM元素里，非要搞什么动态绑定click事件。

动态绑定click事件请看提交3，IE可以阻止，FF无法阻止，浏览器不兼容！

//

onClick="checkform_success(event)">//onClick="checkform_success(event)"

IE可以阻止,FF可以阻止

//

value="提交5">//submit5.attachEvent("onclick",checkform_success)

IE可以阻止,FF可以阻止

if(document.all){//ie

document.myform.submit3.attachEvent("onclick",checkform);

document.myform.submit5.attachEvent("onclick",checkform_success);

}else{//ff

document.myform.submit3.addEventListener("click",checkform,false);

document.myform.submit5.addEventListener("click",checkform_success,false);

}

function checkform(){

if(document.myform.a.value=="abc"){

alert("验证不通过！");

returnfalse;

}

}

function checkform_success(e){

e=e||window.event;

if(document.myform.a.value=="abc"){

alert("验证不通过！");

if(document.all)

e.returnValue=false;//ie,window.event.returnValue=false阻止元素默认行为

else e.preventDefault();//火狐,event.preventDefault阻止元素默认行为

}

}