javascript 解决表单仍然提交即使监听处理函数返回false
2010-03-14 00:00
886 查看
<form action="http://www.jb51.net" id="form"> <input type="text" /> <input type="submit" /> </form> <script> var code = function () { return false; }; var element = window.document.getElementById("form"); if (element.addEventListener) { element.addEventListener("submit", code, false); } </script>
修改后的Code:
<form action="http://www.jb51.net" id="form"> <input type="text" /> <input type="submit" id="btnSubmit" name="btnSubmit" value="Submit" /> </form> <script> var code = function (eventObject) { if (eventObject.preventDefault) { eventObject.preventDefault(); } else if (window.event) /* for ie */ { window.event.returnValue = false; } return true; }; window.onload = function(){ var element = window.document.getElementById("form"); if (element.addEventListener) { element.addEventListener("submit", code, false); } else if (element.attachEvent) { element.attachEvent("onsubmit", code); } } </script>
备注:
1:preventDefault函数的使用请参考 https://developer.mozilla.org/en/DOM/event.preventDefault
2:DOM Events :http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event-preventDefault
相关文章推荐
- javascript 解决表单仍然提交即使监听处理函数返回false
- 关于Onsubmit方法返回false表单仍然被提交的原因
- [ASP.NET] 自定义控件的 onkeypress 在 javascript 函数返回false 依旧继续执行的解决方法(教训)
- 解决Myeclipse10中使用javascript验证form表单,返回true(false)不支持的问题
- Jquery 在submit方法中返回false以后无法提交表单的解决方法。
- form 表单返回false仍然提交
- Java如何解决form表单上传文件,以及页面返回处理结果通知!
- JS return false 与 return true(解决表单重复提交的问题)
- jquery序列化form表单使用ajax提交后处理返回的json数据
- JavaScript之事件处理(监听)函数
- onsubmit="return check() 给form加onsubmit 验证所有表单后再提交,可以用返回false 来阻止submit提交
- dede表单提交出现“数据校验不对,程序返回”的解决办法 dede_fields value值
- 表单提交错误后返回内容消失问题的解决方法(PHP网站)
- JavaScript DOM 中setAttribute()的使用 以及点击鼠标返回函数的处理
- JavaScript DOM 中setAttribute()的使用 以及点击鼠标返回函数的处理
- curl 函数执行了之后返回false解决,打印错误信息返回PHP的Curl出现:curl call error(77): Problem with the SSL CA cert (path? ac
- 表单提交前触发函数返回true表单才会提交
- ajax 传值,Ajax: Asynchoronous Javascript and xml (异步的js和xml). 异步刷新,异步传递.替代表单提交数据,回调函数处理返回的数据
- 解决ie6下Javascript页面跳转和表单提交问题
- form 表单提交后返回json 回调处理返回结果