国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery實現訂單提交頁發送短信功能前端處理方法

2019-11-20 09:33:49
字體:
來源:轉載
供稿:網友

本文實例講述了jQuery實現訂單提交頁發送短信功能前端處理方法。分享給大家供大家參考,具體如下:

1.效果如圖所示:

2.html代碼:

<div class="indFpho" >  <p>手機號碼:</p>  <p>    <input type="text" name="telphone" id="telphone" value="{$order_info.consignee_mobile}" />  </p>  <p class="timeT">    <input type="button" id="submitPhone" value="發送到手機">  </p>   <font id="submitPhone_info">已發送,1分鐘后可重新獲取</font>   <font id="telphone_info" color="red">手機號格式不正確 !</font></div>

3.jquery代碼:

$(function(){  $('#submitPhone').bind('click',submit_success);  $("#telphone").blur(function(){    //獲取手機號,并去除左右兩邊空格    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_radio:$('input:radio[name="bank_radio"]: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;  }}

更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jquery中Ajax用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery擴展技巧總結》、《jQuery常用插件及用法總結》、《jQuery拖拽特效與技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結

希望本文所述對大家jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 泰来县| 南郑县| 东辽县| 如皋市| 扶余县| 兰坪| 北碚区| 柞水县| 射洪县| 楚雄市| 如皋市| 增城市| 奈曼旗| 陆河县| 黔西县| 沅江市| 祁门县| 广昌县| 新平| 克山县| 胶州市| 来凤县| 石柱| 岳西县| 茂名市| 合阳县| 河北省| 壶关县| 多伦县| 拜泉县| 新平| 平舆县| 潜山县| 临城县| 山阴县| 恩平市| 乌苏市| 从江县| 绵阳市| 德钦县| 新竹县|