jquery删除onclick属性和设置onclick属性--获取验证码

最新推荐文章于 2021-02-13 10:55:06 发布
最新推荐文章于 2021-02-13 10:55:06 发布
阅读量135 收藏
点赞数
文章标签： xhtml javascript json ViewUI
原文链接：http://www.cnblogs.com/lanliying/p/4810265.html
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.8.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
var InterValObj; //timer变量，控制时间
var count = 120; //间隔函数，1秒执行
var curCount;//当前剩余秒数
var codeLength = 6;//验证码长度
var yzm = '';
function sendMessage() {
curCount = count;
var phone='13570339063';//手机号码
var CertType = "00";
if(phone != ""){
//设置button效果，开始计时
$("#btnSendCode").removeAttr("onclick");//去掉onclick
$("#btnSendCode").val(curCount+"s");
InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
//向后台发送处理数据
$.ajax({
type: "GET", //用POST方式传输
dataType: "json", //数据格式:JSON
url: '/binding/sendCode', //目标地址
data : {
phone : phone,
certType : CertType
},
success : function(data) {
var message = decodeURI(data.message);
yzm = decodeURI(data.yzm);
if (message)
alert(message+"验证码："+yzm);
},
error : function() {
alert('短信验证码发送失败，请重新发送');
}
});
}else{
alert("手机号码不能为空！");
}
}
//timer处理函数
function SetRemainTime() {
if (curCount == 0) {
window.clearInterval(InterValObj);//停止计时器
$("#btnSendCode").attr("onclick","sendMessage()");//启用按钮
$("#btnSendCode").text("重新发送验证码");
}
else {
curCount--;
$("#btnSendCode").text(curCount+"s");
}
}
</script>
</head>

<body>
<a id="btnSendCode" οnclick="sendMessage()">获取验证码</a>
</body>
</html>

 

转载于:https://www.cnblogs.com/lanliying/p/4810265.html

weixin_34332905
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery动态移除与增加onclick属性的方法详解
12-10
本文实例讲述了jQuery动态移除与增加onclick属性的方法。分享给大家供大家参考，具体如下： 这里给大家介绍利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的具体操作方法，有需要了解的朋友可参考...
点击刷新当前验证码代码，onclick函数
lh337159的博客
06-08 758
点击刷新验证码： <img src="__APP__/verify" onclick="this.src=this.src+'?'+Math.random()">
jq动态修改元素的onclick属性的值
mclt2017的博客
08-12 2239
因为业务需要，一个按钮可能需要触发不同的事件 可以先删掉onclick属性 $('.detection').removeAttr("onclick"); 再添加onclick属性并绑定新的事件 $('.detection').attr('onclick','checkCaPassword()'); ...
java h获取按钮点击事件_详细代码实现 Button的监听事件的Onclick的三种方法
weixin_39804641的博客
02-13 1118
安卓开发中的按钮(Button)是Android UI 界面中用到最多的组件，它通常在程序中起到承上启下的作用。作为按钮，必然有触发事件，实现Button也有多种方法，这里我就枚举三种常用的方法。第一种：比较常用到的。在 layout.xml 文件中声明 Button 的 id ，如下：android:layout_width="wrap_content"android:layout_height...
jq手机倒计时验证
施主请别摸老衲的脸
03-03 137
直接上代码         &lt;div class="container"&gt;            &lt;div class="demo"&gt;                &lt;div style="height: 60px;" id="phone_area"&gt;                    &lt;span class="red
js+jquery动态设置/添加/删除/获取元素属性的两种方法集锦对照(动态onclick属性设置+动态title设置)...
weixin_33895475的博客
05-26 233
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/
使用jQuery获取data-的自定义属性
10-23
本文给大家分享的是使用jQuery制作的组件，实现获取data-自定义属性，并附上使用方法，非常的实用，有需要的小伙伴可以参考下
jquery动态改变onclick属性导致失效的问题解决方法
01-19
那么你可能在某些时候需要去修改onclick 的属性如下： 代码如下: $(“#id”).attr(“onclick”,url); 这样的代码，在chrome和firefox 中可以得到你想要的结果。 遗憾的是在ie中，至少是ie7 以下是没有效果的，至于...
jqueryonclick事件_jquery动态移除/增加onclick属性详解
weixin_39640909的博客
12-20 299
本文章给大家介绍利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的具体操作方法，有需要了解的朋友可参考。要实现效果：点击链接先去掉onclick属性，3秒后再自动加上该标签中的onclick属性jQuery中，针对标签属性的操作都是使用attr()方法来实现的，比如：$("a").attr("onclick")可获得a标签的onclick属性,对应的：增加...
简单实现js获取验证码
风如白话的博客
05-26 2483
倒计时获取验证码，设定时间内不可重复点击获取 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> </head> <body> &lt
html页面元素onclick 和 jquery绑定click执行顺序
曾子墨
04-10 5927
New Document $(function(){ $("#test").click(function(){ alert(1); }); }); 结论，两个click都执行，顺序：alert(2);   alert(1);
第二次软件工程作业——模仿节奏大师官网制作的网页
weixin_30909575的博客
03-30 870
码云链接：https://gitee.com/yongliuli/codes/ehr2t1qw5a48d7g0cmby699 原网页：https://da.qq.com/index.shtml 原网页截图： 模仿网页： 主要难点实现： 1.关于图片素材的获取：将鼠标移动到所需素材出，右键、->审查元素可找到对应素材的图片网址 2.依靠纯CSS实现点击不同按钮固定位置实现不...
行内元素 onlcick 和 jQuery 绑定的 onclick 有什么区别
Jesse_cool的博客
07-26 1397
HTML或原生js是单一对应绑定的，绑多了只留最后一个。jQuery是追加绑定的，绑多少执行多少。这个在每一本jQuery的书中都是首先提到的事情。 在单一绑定的条件下，由于jQuery底层其实也是js实现，所以速度区别并不大。至少“绑定”这个环节并不会成为速度的瓶颈。 总有人认为jQuery只是一堆无用的语法糖……但事实上，按照二八规律，至少80%以上的程序员，在做负载等要求不那么严格的“小
click和onclick的区别
weixin_33725722的博客
02-12 222
onclick是绑定事件，click本身是方法作用是触发onclick事件，只要执行了元素的click()方法，下面有个示例，大家可以看看 Html代码 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 <script type="text/javascript"> $(function(){ ...
js&jQuery 获取验证码
EIERICA的博客
02-04 1378
js获取验证码 html <form id="form"> <input id="text" type="text" placeholder="请输入验证码" /> <input id="btn" type="button" onclick="getCode(this)" value="获取验证码" /> ...
js基础之点击获取随机验证码
可爱又迷人的反派少女
07-23 514
可以通过点击盒子来获取验证码 box.onclick=function(){//给盒子添加点击事件` 可以通过网页刷新获取验证码（封装一个产生随机验证码的函数） function yzm(){} yzm(); 每次获取的验证码颜色字体不同 验证码在大小字母A-Z和数字0-9随机获取四个值 var str='qwertyuioplkjhgfdsazxcvbnmQWERTYUIOPLKJHGFDSAZXCVBNM1234567890'; //点击之后定义一个空串 存储新的四个随机值 .
js sweetalert实现输入验证码并且判断输入的是否为111111，不使用jquery
最新发布
05-30
当然可以，SweetAlert2 库支持原生 JavaScript，不需要依赖 jQuery。以下是一个示例代码： ```html <!DOCTYPE html> <meta charset="UTF-8"> <title>SweetAlert2 Demo <button onclick=...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值