码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-06-21 12:07:26      阅读:74      评论:0      收藏:0      [点我收藏+]

标签:关于   情况   tps   run   round   必须   返回   validate   ext   

看到一段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 
21 </body>
22 </html>

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

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

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

标签:关于   情况   tps   run   round   必须   返回   validate   ext   

原文地址:https://www.cnblogs.com/ljfsmile0613/p/13171672.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!