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

时间：2021-05-24 08:48:38

看到一段onSubmit事件属性的例子，如下：

 <!DOCTYPE html>

 <html>

 <head>

 <script>

 function validateForm() {

   var x = document.forms["myForm"]["fname"].value;

   if (x == "") {

     alert("必须填写姓名！");

     return false;

   }

 }

 </script>

 </head>

 <body>

 <form name="myForm" action="/demo/action_page.php" onsubmit="return validateForm()" method="post">

   姓名：<input type="text" name="fname">

   <input type="submit" value="提交">

 </form>

 </body>

 </html>

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

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

相关文章