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 相关文章推荐
js控制框架刷新
Aug 01 Javascript
解javascript 混淆加密收藏
Jan 16 Javascript
jquery图片放大功能简单实现
Aug 01 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
Dec 11 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
Feb 17 Javascript
angular.foreach 循环方法使用指南
Jan 06 Javascript
javascript制作照片墙及制作过程中出现的问题
Apr 04 Javascript
微信小程序 教程之模块化
Oct 17 Javascript
使用jquery实现的循环连续可停顿滚动实例
Nov 23 Javascript
JS冒泡事件与事件捕获实例详解
Nov 25 Javascript
JavaScript中transform实现数字翻页效果
Mar 08 Javascript
Vue 2.X的状态管理vuex记录详解
Mar 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中Ctype函数用法详解
2014/12/09 PHP
PHP完全二叉树定义与实现方法示例
2017/10/09 PHP
兼容ie和firefox js关闭代码
2008/12/11 Javascript
jquery select下拉框操作的一些说明
2010/04/02 Javascript
window.showModalDialog参数传递中含有特殊字符的处理方法
2013/06/06 Javascript
js特效,页面下雪的小例子
2013/06/17 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
2013/07/31 Javascript
Jquery同辈元素选中/未选中效果的实例代码
2013/08/01 Javascript
关闭浏览器时提示onbeforeunload事件
2013/12/25 Javascript
js自定义鼠标右键的实现原理及源码
2014/06/23 Javascript
基于Jquery+Ajax+Json实现分页显示附效果图
2014/07/30 Javascript
javascript里绝对用的上的字符分割函数总结
2014/07/31 Javascript
一个检测表单数据的JavaScript实例
2014/10/31 Javascript
jQuery Ajax调用WCF服务详细教程
2015/03/31 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
2015/07/27 Javascript
javascript闭包(Closure)用法实例简析
2015/11/30 Javascript
关于JSON与JSONP简单总结
2016/08/16 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
2016/11/25 Javascript
jquery append与appendTo方法比较
2017/05/24 jQuery
详解基于 axios 的 Vue 项目 http 请求优化
2017/09/04 Javascript
JS中精巧的自动柯里化实现方法
2017/12/12 Javascript
详解Vue项目编译后部署在非网站根目录的解决方案
2018/04/26 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
2019/09/04 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
python提取字典key列表的方法
2015/07/11 Python
python调用fortran模块
2016/04/08 Python
[原创]Python入门教程4. 元组基本操作
2018/10/31 Python
Python多叉树的构造及取出节点数据(treelib)的方法
2019/08/09 Python
HTML5实现桌面通知 提示功能
2017/10/11 HTML / CSS
HTML5 video 上传预览图片视频如何设置、预览视频某秒的海报帧
2018/08/28 HTML / CSS
30岁生日感言
2014/01/25 职场文书
消防战士优秀事迹材料
2014/02/13 职场文书
责任胜于能力演讲稿
2014/05/20 职场文书
小学关爱留守儿童活动方案
2014/08/25 职场文书
九年级英语教学反思
2016/02/15 职场文书