JS表单提交中onsubmit事件return的作用

完整代码如下：

1.html

1   
2   
3   
4   
5   
6   
7  
  
8     
9   提交  
10   
11   
12   
13  
14   
15    function Checkname() {  
16        var name=document.getElementById('name').value;  
17        if (!name) {  
18            alert('名字为空');  
19            return false;  
20        }else{  
21            return true;  
22        }  
23    }  
24 

2.html

1   
2   
3   
4   
5   
6   
7    恭喜表单提交成功  
8   
9 

代码运行效果图如下：

1.不填写名字

2.填写名字

代码分析：

当点击提交按钮（button按钮）的时候，浏览器会自动触发onsubmit事件，执行Checkname()函数。Checkname()函数通过判断名字是否存在，来返回true或者false。

当Checkname()返回false的时候，onsubmit事件可以看成为：

onsubmit="return false"

当Checkname()返回true的时候，onsubmit事件可以看成为：

onsubmit="return true"

重点：
此时onsubmit中return的作用就是将Checkname()函数运行返回的结果（true或者false），再向上返回（返回给浏览器）。浏览器如果接收到onsubmit返回的是false，则阻止表单提交。反之，如果接收到的是true，表单就会提交到action属性指向的2.html页面。