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 相关文章推荐
在视频前插入广告
Nov 20 Javascript
Javascript学习笔记二 之 变量
Dec 15 Javascript
基于jquery的web页面日期格式化插件
Nov 15 Javascript
js保留两位小数使用toFixed实现
Jul 29 Javascript
jquery计算鼠标和指定元素之间距离的方法
Jun 26 Javascript
jQuery实现Tab菜单滚动切换的方法
Sep 21 Javascript
javascript实现拖放效果
Dec 16 Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
Aug 05 Javascript
前端js弹出框组件使用方法
Aug 24 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
May 16 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
Jul 10 Javascript
微信小程序实现搜索框功能及踩过的坑
Jun 19 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 实例化类的一点摘记
2008/03/23 PHP
php获取URL中带#号等特殊符号参数的解决方法
2014/09/02 PHP
PHP 输出缓冲控制(Output Control)详解
2016/08/25 PHP
使用PHP开发留言板功能
2019/11/19 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
JS中confirm,alert,prompt函数使用区别分析
2010/04/01 Javascript
javascript hasFocus使用实例
2010/06/29 Javascript
js模仿windows桌面图标排列算法具体实现(附图)
2013/06/16 Javascript
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
使用jQuery jqPlot插件绘制柱状图
2014/12/18 Javascript
使用JavaScript开发IE浏览器本地插件实例
2015/02/18 Javascript
javascript限制文本框输入值类型的方法
2015/05/07 Javascript
浅析javascript函数表达式
2016/02/10 Javascript
解决JS外部文件中文注释出现乱码问题
2017/07/09 Javascript
详解微信小程序中的页面代码中的模板的封装
2017/10/12 Javascript
解决在vue项目中webpack打包后字体不生效的问题
2018/09/01 Javascript
node.js调用C++函数的方法示例
2018/09/21 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
2019/05/01 Javascript
JavaScript怎样在删除前添加确认弹出框?
2019/05/27 Javascript
selenium+java中用js来完成日期的修改
2019/10/31 Javascript
uniapp实现可滑动选项卡
2020/10/21 Javascript
Python入门篇之函数
2014/10/20 Python
浅析Python 中整型对象存储的位置
2016/05/16 Python
浅谈Python 的枚举 Enum
2017/06/12 Python
python3实现微型的web服务器
2019/09/03 Python
如何基于python实现不邻接植花
2020/05/01 Python
python3列表删除大量重复元素remove()方法的问题详解
2021/01/04 Python
迪卡侬印尼体育用品商店:Decathlon印尼
2020/03/11 全球购物
GOLFINO英国官网:高尔夫服装
2020/04/11 全球购物
中国电子产品批发商/跨境电商/外贸网:Sunsky-online
2020/04/20 全球购物
目标责任书格式
2014/07/28 职场文书
医学专业大学生职业生涯规划书
2014/10/25 职场文书
2014年精神文明建设工作总结
2014/11/19 职场文书
运动会开幕词
2015/01/28 职场文书
2016入党积极分子党校培训心得体会
2016/01/06 职场文书
redis哨兵常用命令和监控示例详解
2021/05/27 Redis