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

2021-02-02 11:13

阅读:521

标签:关于   情况   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


评论


亲,登录后才可以留言!