/*-------------------------------------------*/
var InterValObj; //timer变量,控制时间
var count = 120; //间隔函数,1秒执行
var curCount;//当前剩余秒数
//var code = ""; //验证码
var codeLength = 6;//验证码长度
function sendMessage() {
var phone=$("#phone").val();//手机号码
// var code=$("#code").val();//手机号码
//验证手机号
var reg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
curCount = count;
if(reg.test(phone)){
//产生验证码
// for (var i = 0; i < codeLength; i++) {
// code += parseInt(Math.random() * 9).toString();
// }
//设置button效果,开始计时
$("#btnSendCode").attr("disabled", "true");
$("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次
//向后台发送处理数据
$.ajax({
type : 'POST',
url : "<%=basePath%>"+ '/sendMsgAjaxEm0020.action',
data : {
phone:phone
},
success : function(data) {
var result=eval('(' + data + ')');
if (result.data=="success") {
document.getElementById('phone').disabled=true;
document.getElementById('btnSubmit').style.display = "";
}else{
document.getElementById('phone').disabled=false;
window.clearInterval(InterValObj);//停止计时器
$("#btnSendCode").removeAttr("disabled");//启用按钮
$("#btnSendCode").val("发送验证码");
alert(result.data);
}
}
});
}else{
alert("手机号码不能为空!");
}
}
//timer处理函数
function SetRemainTime() {
if (curCount == 0) {
window.clearInterval(InterValObj);//停止计时器
$("#btnSendCode").removeAttr("disabled");//启用按钮
$("#btnSendCode").val("重新发送验证码");
// code = ""; //清除验证码。如果不清除,过时间后,输入收到的验证码依然有效
}
else {
curCount--;
$("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
}
}
</script>
-----------------------------------div-------------------------------------------------
<div style="margin-left:200px;margin-top:30px" id="msg">
<div style="margin-top:10px" >
<font color="red">*</font>手机号码:
</div>
<div>
<input type="text" id="phone" name="phone"/>
</div>
<div>
<font color="red">*</font>验证码:
</div>
<div>
<input type="text" id="code" name="code" size="6"/>
<input id="btnSendCode" type="button" value="发送验证码" οnclick="sendMessage()" />
<input id="btnSubmit" class="btnSubmit" style="font-size:14px;display:none" type="button" value="确定绑定" οnclick="checkCode()" />
</div>
</div>
</c:if>