验证不通过,阻止表单提交
2013-09-23 10:32
246 查看
一种情况是写在onclick,下面两种写法都可以:
<inputtype="submit"value="提交1"onClick="returncheckform()">//IE可以阻止,FF可以阻止
<inputtype="submit"value="提交4"onClick="checkform_success(event)">//IE可以阻止,FF可以阻止
另一种情况是动态绑定onclick事件:
<inputname="submit5"type="submit"value="提交5">//submit5.attachEvent("onclick",checkform_success)IE可以阻止,FF可以阻止
下面看代码,自行调试!!!
<%
response.write(trim(request.form("a")))
%>
<formname="myform"method="post"action="">
<inputname="a"value="abc"><br>
<inputtype="submit"value="提交1"onClick="returncheckform()">//onClick="returncheckform()"IE可以阻止,FF可以阻止<br><br>
<inputtype="submit"value="提交2"onClick="checkform()">//onClick="checkform()"IE无法阻止,FF无法阻止<br><br>
<inputname="submit3"type="submit"value="提交3">//submit3.attachEvent("onclick",checkform)IE可以阻止,FF无法阻止<br><br>
如果是直接写在onclick里面,我们直接用returncheckform()就好了。<br>
问题是有时候,我们又不乐意写在DOM元素里,非要搞什么动态绑定click事件。<br>
动态绑定click事件请看提交3,IE可以阻止,FF无法阻止,浏览器不兼容!<br><br><!--以下两个是解决方案,提交4是直接写在onclick里面,提交5是动态绑定事件的情况-->
<inputtype="submit"value="提交4"onClick="checkform_success(event)">//onClick="checkform_success(event)"IE可以阻止,FF可以阻止<br><br>
<inputname="submit5"type="submit"value="提交5">//submit5.attachEvent("onclick",checkform_success)IE可以阻止,FF可以阻止<br><br>
</form>
<script>
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);
}
functioncheckform(){if(document.myform.a.value=="abc"){alert("验证不通过!");returnfalse;}}
functioncheckform_success(e){
e=e||window.event;
if(document.myform.a.value=="abc"){
alert("验证不通过!");if(document.all)e.returnValue=false;//ie,window.event.returnValue=false阻止元素默认行为
elsee.preventDefault();//火狐,event.preventDefault阻止元素默认行为
}
}
</script>
作者:焱龙出处:http://star-studio.cnblogs.com/申明:作者写博是为了总结经验,和以后的工作参考之用。
<inputtype="submit"value="提交1"onClick="returncheckform()">//IE可以阻止,FF可以阻止
<inputtype="submit"value="提交4"onClick="checkform_success(event)">//IE可以阻止,FF可以阻止
另一种情况是动态绑定onclick事件:
<inputname="submit5"type="submit"value="提交5">//submit5.attachEvent("onclick",checkform_success)IE可以阻止,FF可以阻止
下面看代码,自行调试!!!
<%
response.write(trim(request.form("a")))
%>
<formname="myform"method="post"action="">
<inputname="a"value="abc"><br>
<inputtype="submit"value="提交1"onClick="returncheckform()">//onClick="returncheckform()"IE可以阻止,FF可以阻止<br><br>
<inputtype="submit"value="提交2"onClick="checkform()">//onClick="checkform()"IE无法阻止,FF无法阻止<br><br>
<inputname="submit3"type="submit"value="提交3">//submit3.attachEvent("onclick",checkform)IE可以阻止,FF无法阻止<br><br>
如果是直接写在onclick里面,我们直接用returncheckform()就好了。<br>
问题是有时候,我们又不乐意写在DOM元素里,非要搞什么动态绑定click事件。<br>
动态绑定click事件请看提交3,IE可以阻止,FF无法阻止,浏览器不兼容!<br><br><!--以下两个是解决方案,提交4是直接写在onclick里面,提交5是动态绑定事件的情况-->
<inputtype="submit"value="提交4"onClick="checkform_success(event)">//onClick="checkform_success(event)"IE可以阻止,FF可以阻止<br><br>
<inputname="submit5"type="submit"value="提交5">//submit5.attachEvent("onclick",checkform_success)IE可以阻止,FF可以阻止<br><br>
</form>
<script>
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);
}
functioncheckform(){if(document.myform.a.value=="abc"){alert("验证不通过!");returnfalse;}}
functioncheckform_success(e){
e=e||window.event;
if(document.myform.a.value=="abc"){
alert("验证不通过!");if(document.all)e.returnValue=false;//ie,window.event.returnValue=false阻止元素默认行为
elsee.preventDefault();//火狐,event.preventDefault阻止元素默认行为
}
}
</script>
作者:焱龙出处:http://star-studio.cnblogs.com/申明:作者写博是为了总结经验,和以后的工作参考之用。
相关文章推荐
- 验证不通过,阻止表单提交
- Jquery 实现表单验证,所有验证通过方可提交
- jquery.validationEngine ajax验证 不通过也提交表单
- Jquery 实现表单验证,所有验证通过方可提交
- jquery实现表单验证并阻止非法提交
- 原生js实现表单的正则验证,所有验证都通过后提交按钮才可用
- jquery validationEngine 使用ajax验证不通过也提交表单
- jquery验证两次密码是否一致并阻止表单提交
- jquery+ajax验证不通过也提交表单问题处理
- onsubmit="return check() 给form加onsubmit 验证所有表单后再提交,可以用返回false 来阻止submit提交
- 验证表单内容之后如何阻止表单提交
- js验证阻止表单提交(表单绑定onsubmit事件)
- 使用JS对form的内容验证失败后阻止提交 &&js校验表单后提交表单的三种方法总结
- 表单提交的客户端验证(通过js函数验证)
- jQuery实现所有验证通过方可提交的表单验证
- JavaScript 表单验证阻止提交 原js
- Yii表单验证中,提交前验证,不通过不提交
- 用提交按钮提交form问题验证没通过依然提交表单
- JS实现表单内容验证、阻止表单提交(onsubmit)
- onsubmit="return check() 给form加onsubmit 验证所有表单后再提交,可以用返回false 来阻止submit提交