onsubmit事件阻止默认行为

最新推荐文章于 2025-09-13 23:06:41 发布

转载最新推荐文章于 2025-09-13 23:06:41 发布 · 211 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/suimaohua/blog/146703

文章标签：

#python #javascript #ViewUI

本文探讨了HTML表单中onsubmit事件的使用技巧，通过具体示例解析了如何正确使用return语句来阻止表单默认提交行为，避免页面跳转。

2019独角兽企业重金招聘Python工程师标准>>>

学习javascript时遇到一个关于onsubmit事件的问题，

在<form>中添加了onsubmit事件，<form action="Order.asp" method="post" onsubmit="jscript:check()">

check()被调用，return false,提交动作没有被阻止，依然转到了Order.asp页面。

修正如下：

<form id="mobileForm" action="Order.asp" method="post" onsubmit="return check()">
//onsubmit="return jscript:check()"以及onsubmit="return 'jscript:check()'"都不行

原因：

onsubmit属性就像是<form>这个html对象的一个方法名，其值（一字符串）就是其方法体，默认返回true；和Java一样，在该方法体中你可以写任意多个语句，包括内置函数和自定义函数。
在这里check()虽然返回false，但我们只执行了此函数，没有对其结果进行任何处理。
而onsubmit="return check()利用到了它的返回值，达到了预期效果。

原贴内容更加详细繁琐，链接如下：
http://www.jb51.net/article/24709.htm

转载于:https://my.oschina.net/suimaohua/blog/146703