欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-09 14:45:07
...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

以上就是jQuery怎样禁止form表单提交数据的详细内容,更多请关注其它相关文章!

相关标签: jquery 禁用表单