扫码关注官方订阅号
84669人学习
65727人学习
82984人学习
467778人学习
498837人学习
471966人学习
256484人学习
152542人学习
224170人学习
139536人学习
81804人学习
85022人学习
11944人学习
20001人学习
60816人学习
5487人学习
15007人学习
2150人学习
6980人学习
194925人学习
359900人学习
1142人学习
19058人学习
3206人学习
180550人学习
48569人学习
17603人学习
40936人学习
1049人学习
750人学习
32909人学习
onsubmit 属性只在
onsubmit事件是当表单提交时进行相关js操作的一个事件。
onsubmit 事件会在表单中的确认按钮被点击时发生。当该事件触发的函数中返回false时,表单就不会被提交。
请看下面实例:
<code class="language-html"><script> function submitFun(){ alert("111"); } </script><form onsubmit="submitFun();"> <input type="text" name="category"><input type="submit" name="submit" value="提交"> </form> </code>
上面实例中,当"提交"按钮被点击时,会触发表单的onsubmit事件,此时函数submitFun()被执行(弹出111)并且表单数据也随之提交到服务器。
onsubmit经常用于表单验证。请看下面实例。
<code class="language-html"><script> function submitFun(obj){ if(obj.category.value==''){ alert("请输入"); return false; } } </script><form onsubmit="return submitFun(this);"> <input type="text" name="category"><input type="submit" name="submit" value="提交"> </form></code>
当"提交"按钮被点击时,依然会执行submitFun()函数,在submitFun()函数中,我们对表单输入框进行了空验证,如果为空,提示输入并return false,这样表单就不会提交(上面已经说到:当该事件触发的函数中返回false时,表单就不会被提交)。 同时,这里要注意onsubmit="return submitFun(this);",不能掉了return,否则表单永远会提交。
本文章中的代码可以复制到这里进行运行,你不妨试一下。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
精品班
技术支持
技术咨询
学习群
会员优惠
返回顶部