用disabled属性修饰a标签,a标签仍然能点击
不知道各位同学有没有遇到跟我相同的问题,就是用jQuery操作a标签disabled的,来控制重复提交表单
做过开发的都知道,表单验证重复提交,包含前端和后端,两方面的控制。前端控制使我们常用的手段。
用disabled控制表单重复提交
         $('.doYes').attr('disabled',true);
         ajaxSubmit('', dataW, function(data){
             if(data.status){
                 window.location.href='';
             }
             else{
                 $.alert(data.message);
                 $('.doYes').attr('disabled',false);
             }
         });
给大家提供一种禁止a标签,重复点击提交数据
<a class="weui-form-preview__btn weui-form-preview__btn_primary doYes"
href="javascript:submitWeek();">提交</a>
 $('.doYes').attr('href','javascript:;');
         ajaxSubmit('', dataW, function(data){
             if(data.status){
                 window.location.href='';
             }
             else{
                 $.alert(data.message);
                 $('.doYes').attr('href','javascript:submitWeek();');
             }
         });
大家在解决问题的时候,对自我的肯定是没错,但我们在工作中,需要尝试更加快速解决问题的手段,相信各位在解决这个问题的时候会有很多解决方案。不断总结工作中的经验,和对问题的解决方案优化,相信大家能力能够更上一层楼
用disabled属性修饰a标签,a标签仍然能点击的更多相关文章
- HTML中,input元素的 Disabled属性 所产生的后端无法接收数据的问题
		
背景 今天从前端提交 form表单 数据时,发现 设置 Disabled 的 input 元素的字段数据在后端无法接收到 原因 查阅资料(来自W3school): disabled 属性规定应该禁用 ...
 - a标签无disabled属性
		
<a class="button">确认</a> 我们经常会用a标签来设置按钮样式,如果点击它跳转页面,那么没有任何问题. 如果绑定了ajax事件,即点击后 ...
 - a标签(普通标签如span)没有disabled属性 ,怎样利用js实现该属性
		
a标签以及其她普通标签没有disabled属性,要想实现类似input框属性disabled可以通过css样式设置pointer-events的值来设定: <!DOCTYPE html> ...
 - 给标签设置disabled属性后提交不了数据
		
项目中遇到给select标签添加disabled属性然后提交表单的时候不能提交该表单的数据到后台, readonly属性对提交数据没有限制,但是readonly属性对radio.select.chec ...
 - 利用link标签的disabed属性大面积的对其他标签元素的CSS样式进行替换操作
		
由于平时对元素样式的控制基本上只是3,4个,所以一般用Jquery的时候直接使用$(element).css();这个方法,或者使用$(element).addClass()方法完成样式操作.对于小范 ...
 - cocos2d-x之 利用富文本控件解析xhml标签(文字标签,图片标签,换行标签,标签属性)
		
执行后效果: 前端使用: 后台SuperRichText解析code void SuperRichText::renderNode(tinyxml2::XMLNode *node){ while (n ...
 - 区别CSS中display:box;inline;none以及HTML中 <frame> 标签<table> 标签的 frame 属性
		
区别display:box:display:inline:display:none三者的不同 display:block的特点是: block是Display默认的值.总是在新行上开始:该对象随后的内 ...
 - php 处理 form 表单提交多个 name 属性值相同的 input 标签
		
一 问题 在公司的开发过程中,遇到了一个问题:如何处理 form 表单提交了多个 name 属性值相同的 input 标签?源码如下(源码是在 form 表单之中的): <!--{loop $a ...
 - JSP——JSTL定制标签 - 递归标签显示属性结构
		
编写定制标签分为三个步骤:编写标签处理器.配置标签.使用标签. 1.标签处理器 标签处理器和标签是一一对应的关系 package com.oolong.utils.customtags; impo ...
 
随机推荐
- hbase存储优化
			
1.上面的2张图主要说明hbase的存储特点 (1).每个值(每条记录的每一个列的值)的存储,都完整的存储了rowkey.column family.column.版本(时间戳),以及该列的值. 这样 ...
 - web工程导入新环境的注意事项
			
问题一:The type java.lang.Object cannot be resolved. 解决办法: 当你在Eclipse引用不同版本JDK工程时会发生该问题.由于你开发环境中应用了多个版本 ...
 - 3.3.1 Cache一致性的基本概念
			
PCI设备对可Cache的存储器空间进行DMA读写的操作的过程较为复杂,有关Cache一致性的话题可以独立成书.而不同的处理器系统使用的Cache Memory的层次结构和访问机制有较大的差异,这部分 ...
 - directdraw显示rgb555
			
// TODO: 在此添加控件通知处理程序代码 height=width=widthBytes=0; m_screen.SetWindowPos(&CWnd::wndBottom,0,0, ...
 - 【javascript】jQuery判断用户右击事件
			
jquery 判断用户是鼠标是右击还是左击, // 1 = 鼠标左键 left; 2 = 鼠标中键; 3 = 鼠标右键 $(document).mousedown(function(e) { if(3 ...
 - freemarker写select组件报错总结(三)
			
1.错误描述 <html> <head> <meta http-equiv="content-type" content="text/htm ...
 - CentOS时钟同步服务器
			
①本地时钟服务器需要安装chrony服务,可以通过yum.rpm.源码包安装,chrony支持C/S模式 ②编辑本地时钟服务,使其指向提供标准时间服务器,例如:中国国家授时中心NTP服务器. 修改配置 ...
 - 异常-----Java compiler level does not match解决方法
			
1, 先设置好jdk,需要确定 项目,eclipse/myeclipse,系统 用的是同一个版本的JDK,我系统中安装的JDK是1.7,所以我把eclipse的jdk成1.7 2, 进入 window ...
 - js中的回调函数的理解
			
一,常见的但是不是特别注意的回调方法. 1.1,ajax $.ajax({ url:"test.json", type: "GET", data: {usern ...
 - Python Web-第二周-正则表达式(Using Python to Access Web Data)
			
0.课程地址与说明 1.课程地址:https://www.coursera.org/learn/python-network-data/home/welcome 2.课程全名:Using Python ...