关于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