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

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

完整代码如下:

1.html

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

2.html

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

恭喜表单提交成功

代码运行效果图如下:

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页面。

相关推荐

溪和浠字取名寓意
365bet娱乐场官网备用

溪和浠字取名寓意

📅 08-03 👁️ 8154
盘点中国十大最强拳法,太极拳勉强进前三! 第一实至名归
365bet娱乐场官网备用

盘点中国十大最强拳法,太极拳勉强进前三! 第一实至名归

📅 10-08 👁️ 4405
华为畅享6全面测评:当主角还是备胎?够用就好
365bet娱乐场官网备用

华为畅享6全面测评:当主角还是备胎?够用就好

📅 08-12 👁️ 2114