专注WEB开发 分享经验,沉淀知识

禁止表单提交的N种方式

 作者:chenxing  时间:2017-08-18 00:02  评论:

那么异步提交就要通过ajax提交,我们在点击提交按钮的时候不再在页面直接提交给api.php而是交给js的ajax。

对于表单页面,很多时候的开发场景都是异步的提交表单的,对于异步提交表单的一个条件就是禁止页面的表单提交,也就是禁止传统的条件方式。

看一下代码:

<form action="api.php" method="post">
o<input type="text" name="data" />
o<input type="submit" value="提交"/>
</form>

上面就是一个传统的表单提交方式,点击提交把数据以post方式提交给api.php。

那么异步提交就要通过ajax提交,我们在点击提交按钮的时候不再在页面直接提交给api.php而是交给js的ajax。

如何禁止表单这种传统的默认提交方式呢?

1.在action属性中设置javasript:void()值

<form action="javascript:void(0);" method="post">
o<input type="text" name="data" />
o<input type="submit" value="提交"/>
</form>

2.在onsubmit事件做return false上处理

<form onsubmit="return false;" method="post">
o<input type="text" name="data" />
o<input type="submit" value="提交"/>
</form>

3.直接button标签替代input submit类型标签

<form action="" method="post">
o<input type="text" name="data" />
o<button id="submit" />提交<button>
</form>

4.使用jq的submit事件直接终止

$('form').submit(function(){
    return false;
})

以上4种方式是我经常使用的禁用表单提交的4种方式,其他更多的方式欢迎大家在评论区补充。

除特别注明外,本站所有文章均为作者原创。 或分享自己的编程经验,或探讨工作中的问题,或聊以人生趣事。 转载请注明出处来自 http://www.qiusuoweb.com/70.html

发布评论

 提交评论
有人回复时邮件通知我

 评论(0)

站长头像
chenxing(PHP攻城狮)

运营天数

总访问量

文章数量

-

-

-

交流群:157451741

新浪微博:草莽兴

 近期文章

个人博客图片免费存放解决方案

 2022-03-21 00:16  92

MySQL中的MVCC总结

 2022-03-19 03:00  94

什么才是高级工程师的第一技能

 2022-03-16 22:04  71

 最新评论

 诚心: 09月29日 23:01
学到了
来源: 如何一次性推送百万级别的消息
 Nick: 04月14日 12:26
网上的资料还是太老,都只是取一个元素,解决了一大难题
来源: redis set集合取出一组数据并删除
 skywalker: 11月03日 18:21
简洁明了
来源: mysql 获取某个日期的前一天或后一天
 lisheng: 05月09日 19:26
兴哥牛B加油哈兴哥成功的道路上你又进了一步 哈哈
来源: 一年时间又回到这里
 心态炸裂: 03月24日 10:54
No3.blindcomfirm 多了一个l,望改正!!!
来源: 微信小程序获取input值的总结
 666666: 11月08日 13:49
66666
来源: 一年时间又回到这里