input 按钮 ----发送 /倒计时重新发送,disabled属性设置
2017-11-16 11:00
495 查看
<input type="button" _type="sendmailcode" style="border:5px solid #0fadff; background-color: #0fadff" value="发送验证码到邮箱" />
//发送验证码到邮箱 $('#personal input[_type="sendmailcode"]').on('click', function(){
settime($(this)); //倒计时---input文字设置 disabled 和倒计时计数设置
//发送验证码到邮箱 var emailAddr = $('#personal input[_key="mail"]').val(); var url = ctx + "xiaoyusvr/boss/developer/sendcode"; var data = new Object(); data.emailaddress = emailAddr; Util.ajaxLoadData(url,data,"POST",true,function(result) { if (result.code == ReturnCode.SUCCESS) { //验证码发送到邮箱成功 }else{ //发送失败 } }); });
var countdown=10; function settime(val) { if (countdown == 0) { val.removeAttr("disabled"); val.val("发送验证码到邮箱"); clearTimeout(timer); countdown = 10; } else { val.attr("disabled", "disabled"); val.val("重新发送(" + countdown + ")"); countdown--; timer = setTimeout(function() { settime(val) },1000) } }
相关文章推荐
- iphone中input按钮设置disabled属性出现灰色背景没有显示问题
- js和jquery设置disabled属性为true使按钮失效
- 设置 取消input的disabled属性 getattribute(),setAttribute(),removeattribute()用法
- 表单提交设置disabled属性的input数据未提交
- jquery设置input disabled属性的示例
- javascript 设置input和select 框只读属性 获取disabled后的值并传给后台
- JS中设置按钮不可用的disabled属性
- 使用css样式 解决input 设置disabled="true"属性后变为灰色问题
- js实现按钮重新发送验证码倒计时效果
- 使用rxjava2实现验证码重新发送按钮的倒计时
- js和jquery设置disabled属性为true使按钮失效
- js和jquery设置disabled属性为true使按钮失效
- 一个灰色倒计时按钮,倒计时结束显示“重新发送”的js
- input 中的enabled与disabled属性
- 同级子目录下重新设置属性失效
- input、textarea中placeholder属性设置的兼容性问题
- Android之设置EditText输入类型(setInputType()方法和android:inputType属性)