首页 > web前端 > js教程 > jQuery怎样禁止form表单提交数据

jQuery怎样禁止form表单提交数据

coldplay.xixi
发布: 2020-11-30 10:12:49
原创
4470 人浏览过

jQuery禁止form表单提交数据的方法:首先用JS写一个函数来return false;然后在from表单标签用到onsubmit事件;最后使用submit函数即可控制表单提交事件。

jQuery怎样禁止form表单提交数据

本教程操作环境:windows7系统、jquery3.2.1版,该方法适用于所有品牌电脑。

jQuery禁止form表单提交数据的方法:

1、比方说这个form表单默认的action是#####,那么提交之后就会到#####(举例)。

a36674cd34d1a65c2ca44959a5abb82.png

2、如果禁止了form提交之后无论怎样按submit按钮都不会跳转。

57255beedb8bf1a37d48b28fdb0f048.png

3、如果form可以提交数据,那么浏览器的地址就会发生变化,那么关于form表单的了解就需要知道这么多了。

e5bae71ffa5e9ad158e0ecf537779b7.png

4、接着就用JS写一个函数来return false,当然表单的判断条件要自己添加,这里我就直接return false啦。

e7ae37c90e6f84fa22191af89f45356.png

5、然后在from表单标签用到onsubmit事件就可以设置表单是否可以提交了。

73ba7cb3ad90b465ce10e1bc50a3b58.png

6、jQuery禁止form表单提交也是特别特别简单哦。用submit函数即可控制表单提交事件(注意要获取的是表单,submit才可以产生出效果呀),同样返回false即可,同理form的判断条件还是要自己设计。

5c00029fe102b6683e7e3dc5cba2a9d.png

相关免费学习推荐:javascript(视频)

更多编程相关知识,请访问:编程学习!!

以上是jQuery怎样禁止form表单提交数据的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板