前端之家收集整理的这篇文章主要介绍了
jQuery实现订单提交页发送短信功能前端处理方法,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
本文实例讲述了jQuery实现订单提交页发送短信功能前端处理方法。分享给大家供大家参考,具体如下:
1.效果如图所示:
2.HTML代码:
获取手机号,并
去除左右两边空格
var telphone=$.trim($("#telphone").val());
if(is_mobile(telphone)){
$("#telphone_info").html("");
}else{
$("#telphone_info").html("手机号码格式不正确");
return false;
}
});
})
//订单提交页-验证手机号
function is_mobile(mobile) {
if( mobile == "") {
return false;
} else {
if( ! /^0{0,1}(13[0-9]|15[0-9]|18[0-9]|14[0-9])[0-9]{8}$/.test(mobile) ) {
return false;
}
return true;
}
}
//验证手机号码
function checkMobile(){
var sMobile = document.getElementById('telphone').value;
if(!(/^1[3|4|5|8][0-9]\d{8}$/.test(sMobile))){
popAlert("请输入正确的手机号码");
return false;
}else{
return true;
}
}
//60秒后重新
获取
var time=60;
function submit_success(){
if(checkMobile()){//判断手机号格式是否正确
$("#submitPhone_info").html('已发送,1分钟后可重新
获取');
//发送短信
$.post("/index.
PHP?c=goods&a=send_sms",{oid:$("#oid_info").val(),bank_ra
dio:$('input:ra
dio[name="bank_ra
dio"]:checked').val(),telphone:$.trim($("#telphone").val())},function(data){//返回值
//根据订单号、手机号及选择的银行来异步发送不同的短信到
用户手机
});
$('#submitPhone').html(function timeends(){
if( time < 0){
time=60;
document.getElementById("submitPhone").disabled=false;
document.getElementById("submitPhone").value="重新
获取";
$("#submitPhone_info").html('');
}else{
document.getElementById("submitPhone").disabled=true;
document.getElementById("submitPhone").value="重新
获取("+time+")";
$("#submitPhone_info").html('已发送,1分钟后可重新
获取');
time--;
a=setTimeout(timeends,1000);
}
});
return true;
}else{//如果不是正确的手机号,则返回false
return false;
}
}