设为首页收藏本站

PHPIN.NET

 找回密码
 立即注册
查看: 1612|回复: 0

[jQuery/Js/AJAX] jQuery实现提交表单后表单按钮变灰色不可点击等

[复制链接]

374

主题

381

帖子

2554

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2554
发表于 2014-4-10 15:42:52 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
提交表单防止用户多次提交,需要在用户点击提交之后锁定提交按钮 或者移除提交按钮,下面的代码可以实现,自己测试修改即可:

  1. <input type="submit" value="立即发布" id="tijiao" />
  2. <input type="submit" value="立即发布" id="tijiao2" />
  3. <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
  4. <script>
  5. //JQ实现点击后隐藏提交按钮,显示文字提示
  6. $("#tijiao").click(function(){
  7. $(this).parent().append("发布中...");//在尾部插入提示
  8. $(this).remove();//移除元素
  9. document.add.submit();//执行submit的提交功能
  10. })
  11. //JQ实现点击后锁定提交按钮,改变input文字提示
  12. $("#tijiao2").click(function(){
  13. $(this).attr('disabled', 'disabled').val("发布中...");//改变INPUT的属性值
  14. document.add.submit();//执行submit的提交功能
  15. })
  16. </script>
复制代码
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|PHPIN.NET ( 冀ICP备00000001号 )|网站地图  

GMT+8, 2016-12-3 23:37

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表