……

关于html属性中onSubmit事件属性的使用

看到一段onSubmit事件属性的例子,如下:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <script>
 5 function validateForm() {
 6   var x = document.forms["myForm"]["fname"].value;
 7   if (x == "") {
 8     alert("必须填写姓名!");
 9     return false;
10   }
11 }
12 </script>
13 </head>
14 <body>
15 
16 <form name="myForm" action="/demo/action_page.php" onsubmit="return validateForm()" method="post">
17   姓名:<input type="text" name="fname">
18   <input type="submit" value="提交">
19 </form>
20 </body>
21 </html>

这里有个疑问,就是onsubmit事件还需要return语句的吗?,试着把其去掉,在没有填姓名的情况下,发现表单还是能提交,换句话说,当onSubmit中调用的函数是有Boolean返回值的,必须写return,因为如果表单:onsubimit="false",表单还是会提交的,就默认情况下表单是会提交的,如果不想让其提交必须写:onsubmit="retrun false".

以下是w3School对这个事件的详细讲解:https://www.w3school.com.cn/tags/event_onsubmit.asp

posted on 2020-06-21 10:54  钱不够用阿  阅读(453)  评论(0编辑  收藏  举报