onsubmit和submit()详解

更新时间:2023-06-29 19:50:41 阅读: 评论:0

onsubmit和submit()详解
⾸先说明⼀点:onsubmit是Form对象的事件句柄,⽽submit()是form对象的事件⽅法农村宅基地管理办法
什么是演讲
还有⼀个Submit 对象,代表 HTML 表单中的⼀个提交按钮 (submit button)。在 HTML 表单中 <input type="submit"> 标签每出现⼀次,⼀个 Submit 对象就会被创建。(这⾥我们暂且不详细说明哦)
⼀、onsubmit:在表单提交之前调⽤
当⽤户单击了表单中的 Submit 按钮⽽提交⼀个表单时,就会调⽤这个事件句柄函数。注意,当调⽤⽅法Form.submit() 时,该处理器函数不会被调⽤。
如果 onsubmit 句柄返回 fasle,表单的元素就不会提交。如果该函数返回其他值或什么都没有返回,则表单会被提交。
由于 onsubmit 句柄可以取消表单的提交,所以它对于进⾏表单验证是⼗分理想的。看下⾯的⽰例(验证密码是否为空,如果为空,就取消表单的提交):
<form action="" methods="post" onsubmit="return check()">
<input type="text" name="text" placeholder="请输⼊⽤户名"/>
市场部职能<input type="password" id="password"  name="password" placeholder="请输⼊密码"/>
<input type="submit" value="提交"/>
</form>
<script>
var re = /^[^\s]+$/;
丽江旅游var pw = document.querySelector('#password')
check(){
st(pw.value)){
return true;//不为空
}el{
return fal;//为空
}
}风吹麦浪歌词
</script>
注意表单验证⼀定要写成
<from action="" method="post" onsubmit="return check()">//return不可少,切记考试前的作文
...............
</from>
submit():
submit() ⽅法把表单数据提交到 Web 服务器。该⽅法提交表单的⽅式与⽤户单击 Submit 按钮⼀样,但是表单的 onsubmit 事件句柄不会被调⽤。
看下⾯的⽰例:
<form action="" methods="post" id="formP">
保密级别
<input type="text" name="text" placeholder="请输⼊⽤户名"/>
<input type="password" id="password"  name="password" placeholder="请输⼊密码"/>  <input type="button" id="btn" value="提交"/>
</form>
<script>
var oForm = document.querySelector('#formP');
var oBtn = document.querySelector('#btn');\
自然主义lick = function(){
oForm.submit()
}
</script>

本文发布于:2023-06-29 19:50:41,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1068683.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:表单   提交   验证   句柄   事件   函数   不会   对象
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图