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


Posted in Javascript onMarch 24, 2015

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

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

主要代码如下:

<html>
<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程序设计有所帮助。

Javascript 相关文章推荐
在次封装easyui-Dialog插件实现代码
Nov 14 Javascript
基于PHP+Jquery制作的可编辑的表格的代码
Apr 10 Javascript
jquery连缀语法如何实现
Nov 29 Javascript
3分钟写出来的Jquery版checkbox全选反选功能
Oct 23 Javascript
完美解决IE不支持Data.parse()的问题
Nov 24 Javascript
利用JS制作万年历的方法
Aug 16 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
Sep 19 jQuery
vue2.5.2使用http请求获取静态json数据的实例代码
Feb 27 Javascript
解决vue中使用Axios调用接口时出现的ie数据处理问题
Aug 13 Javascript
layui的表单提交以及验证和修改弹框的实例
Sep 09 Javascript
使用webpack搭建pixi.js开发环境
Feb 12 Javascript
js观察者模式的弹幕案例
Nov 23 Javascript
超级简单实现JavaScript MVC 样式框架
Mar 24 #Javascript
JavaScript检测弹出窗口是否已经关闭的方法
Mar 24 #Javascript
JavaScript跨平台的开源框架NativeScript
Mar 24 #Javascript
JavaScript实现找质数代码分享
Mar 24 #Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
Mar 24 #Javascript
jQuery调用ajax请求的常见方法汇总
Mar 24 #Javascript
JSONP之我见
Mar 24 #Javascript
You might like
转换中文日期的PHP程序
2006/10/09 PHP
php中计算中文字符串长度、截取中文字符串的函数代码
2011/08/09 PHP
PHP使用CURL获取302跳转后的地址实例
2014/05/04 PHP
JavaScript null和undefined区别分析
2009/10/14 Javascript
jQuery 源码分析笔记(3) Deferred机制
2011/06/19 Javascript
jquery 按钮状态效果 正常、移上、按下
2013/08/12 Javascript
jQuery的:parent选择器定义和用法
2014/07/01 Javascript
javascript表单验证和Window详解
2014/12/11 Javascript
JavaScript中的对象与JSON
2015/07/03 Javascript
JS实现可关闭的对联广告效果代码
2015/09/14 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
基于JavaScript操作DOM常用的API小结
2015/12/01 Javascript
Javascript获取数组中的最大值和最小值的方法汇总
2016/01/01 Javascript
基于javascript实现图片懒加载
2016/01/05 Javascript
Javascript中常见的逻辑题和解决方法
2016/09/17 Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
2016/10/18 Javascript
Bootstrap实现导航栏的2种方式
2016/11/28 Javascript
解决拦截器对ajax请求的拦截实例详解
2016/12/21 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
2018/04/03 Javascript
Node.js中的child_process模块详解
2018/06/08 Javascript
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
Javascript格式化并高亮xml字符串的方法及注意事项
2018/08/13 Javascript
JS实现的对象去重功能示例
2019/06/04 Javascript
JS根据json数组多个字段排序及json数组常用操作
2019/06/06 Javascript
创建nuxt.js项目流程图解
2020/03/13 Javascript
js canvas实现五子棋小游戏
2021/01/22 Javascript
[02:26]DOTA2英雄米拉娜基础教程
2013/11/25 DOTA
python开发的小球完全弹性碰撞游戏代码
2013/10/15 Python
python tkinter库实现气泡屏保和锁屏
2019/07/29 Python
在Python中实现函数重载的示例代码
2019/12/12 Python
PyCharm常用配置和常用插件(小结)
2021/02/06 Python
HTML5之SVG 2D入门5—颜色的表示及定义方式
2013/01/30 HTML / CSS
经济担保书范文
2014/04/02 职场文书
自我推荐信范文
2014/05/09 职场文书
小学数学新课改心得体会
2016/01/22 职场文书
在Python中如何使用yield
2021/06/07 Python