麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > 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程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产色视频一区 | 成年人在线免费播放视频 | 懂色粉嫩av久婷啪 | 成人短视频在线播放 | 未成年人在线观看 | 麻豆自拍偷拍视频 | 久久国产免费 | 久久久久久久久成人 | 免费毛片视频 | 亚洲成人中文字幕在线 | 国产亚洲精品久久久久婷婷瑜伽 | 91精品久久久久久久 | 欧美日韩亚洲成人 | 黄色片网站在线免费观看 | 暖暖免费观看高清完整版电影 | 国产三级在线视频观看 | 久久伊| 毛片av网| 久久人人97超碰国产公开结果 | 毛片大全免费 | 亚洲成人激情在线 | 毛片免费视频播放 | 7777网站| 欧美一级淫片a免费播放口 91九色蝌蚪国产 | 毛片大全 | 国产亚洲欧美视频 | 麻豆视频免费网站 | 伊人网站 | 毛片免费观看完整版 | 国产激爽大片在线播放 | 手机在线看片国产 | 国产免费一区二区三区网站免费 | 国产wwww| 国产一级淫片免费看 | 午夜小网站 | 最新av网址在线观看 | 久久久毛片视频 | 精品99在线视频 | 伊人久操视频 | 日韩美香港a一级毛片 | 毛片视频网址 |