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 相关文章推荐
JQuery对id中含有特殊字符的转义处理示例
Sep 06 Javascript
escape函数解决js中ajax传递中文出现乱码问题
Oct 30 Javascript
javascript实现3D变换的立体圆圈实例
Aug 06 Javascript
在JavaScript中使用JSON数据
Feb 15 Javascript
JavaScript闭包和范围实例详解
Dec 19 Javascript
jquery.flot.js简单绘制折线图用法示例
Mar 13 Javascript
微信小程序之蓝牙的链接
Sep 26 Javascript
fetch 使用及如何接收JS传值
Nov 11 Javascript
Vue二次封装axios为插件使用详解
May 21 Javascript
深入解析Vue源码实例挂载与编译流程实现思路详解
May 05 Javascript
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
vue 动态添加class,三个以上的条件做判断方式
Nov 02 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
一个阿拉伯数字转中文数字的函数
2006/10/09 PHP
Smarty中的注释和截断功能介绍
2015/04/09 PHP
PHP中overload与override的区别
2017/02/13 PHP
js实现权限树的更新权限时的全选全消功能
2009/02/17 Javascript
8款非常棒的响应式jQuery 幻灯片插件推荐
2012/02/02 Javascript
让图片旋转任意角度及JQuery插件使用介绍
2013/03/20 Javascript
文本框回车提交与禁止提交示例
2013/09/27 Javascript
js判断IE浏览器版本过低示例代码
2013/11/22 Javascript
javascript中的循环语句for语句深入理解
2014/04/04 Javascript
JavaScript学习笔记之JS对象
2015/01/22 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
详解javascript高级定时器
2015/12/31 Javascript
AngularJS仿苹果滑屏删除控件
2016/01/18 Javascript
javascript HTML+CSS实现经典橙色导航菜单
2016/02/16 Javascript
div中文字内容溢出常见的解决方法
2017/03/16 Javascript
javaScript实现复选框全选反选事件详解
2020/11/20 Javascript
Vue组件通信的四种方式汇总
2018/02/08 Javascript
Nodejs 发布自己的npm包并制作成命令行工具的实例讲解
2018/05/15 NodeJs
react-native使用leanclound消息推送的方法
2018/08/06 Javascript
VUE解决微信签名及SPA微信invalid signature问题(完美处理)
2019/03/29 Javascript
JS脚本实现定时到网站上签到/签退功能
2020/04/22 Javascript
[53:10]Secret vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
跟老齐学Python之编写类之三子类
2014/10/11 Python
Python读取图片属性信息的实现方法
2016/09/11 Python
Django框架教程之正则表达式URL误区详解
2018/01/28 Python
python爬虫开发之Beautiful Soup模块从安装到详细使用方法与实例
2020/03/09 Python
django admin 添加自定义链接方式
2020/03/11 Python
Python如何把Spark数据写入ElasticSearch
2020/04/18 Python
Python 中的函数装饰器和闭包详解
2021/02/06 Python
利用css3-animation实现逐帧动画效果
2016/03/10 HTML / CSS
HTML5的结构和语义(4):语义性的内联元素
2008/10/17 HTML / CSS
详解HTML5 data-* 自定义属性
2018/01/24 HTML / CSS
商务英语广告词大全
2014/03/18 职场文书
学雷锋宣传标语
2014/06/25 职场文书
闪闪的红星观后感
2015/06/08 职场文书
一文弄懂MySQL中redo log与binlog的区别
2022/02/15 MySQL