jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法

Posted 山涧清泉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法相关的知识,希望对你有一定的参考价值。

本文实例讲述了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法。分享给大家供大家参考。具体实现方法如下:

这里主要通过val方法设置按钮的文字,并用attr方法修改disabled属性实现该功能。

主要代码如下:

 
<body>
<form method="get" action="" target="box">
<input id="buttonid" type="submit" value="提交" />
</form>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script>
$("form").submit(function() {
  $("#buttonid").val("正在处理...");
  $("#buttonid").attr("disabled", "disabled");
});
</script>
</body>
</html>

以上是关于jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法的主要内容,如果未能解决你的问题,请参考以下文章

点击按钮变成灰色不可再次点击

单击 jQuery Mobile 的提交按钮后,如何显示“加载”弹出窗口?

在前台怎么通过js实现表单提交后,判断该提交调用的Action方法是不是执行完成了

php上传功能怎么实现点击浏览在打开文件之后直接上传?

如何清空form表单 就是点击submit按钮提交后 表单清空

Jquery 实现表单提交按钮变灰,防止多次点击提交重复数据