完整代码如下:

  1.html

JS表单提交中onsubmit事件return的作用_第1张图片

  2.html

JS表单提交中onsubmit事件return的作用_第2张图片

  代码运行效果图如下:

  1.不填写名字

  

JS表单提交中onsubmit事件return的作用_第3张图片


  2.填写名字

  

JS表单提交中onsubmit事件return的作用_第4张图片


  代码分析:

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

JS表单提交中onsubmit事件return的作用_第5张图片

  重点:

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