2. 程式人生 > >手機wap端註冊jQuery Ajax呼叫API介面

手機wap端註冊jQuery Ajax呼叫API介面

阿新 • • 發佈：2019-02-06
var mobileEl = $('#mobile'), passwordEl = $('#password'), captchaEl = $('#yzm'), urlEl = "http://803.dev.devbao.cn/"; var countdown = false; // 是否正在倒計時 // 是否正確的手機號 function checkForm() { var mobile = mobileEl.val(); var pwd = passwordEl.val(); console.info("ss"
,isPassword(pwd),pwd); if(mobileEl.val()==""){ alert("請輸入手機號碼"); return false; }else if(!isMobile(mobile)){ alert("請輸入正確的手機號碼"); return false; }else if(!isPassword(pwd)){ alert("請輸入6-16位密碼!"); return false; }else if(captchaEl.val().length<=0
|| captchaEl.val().length>6){ alert("請輸入正確的驗證碼!"); return false; }else return false; } $("#captchaBtn").click(function () { var mobile = mobileEl.val(); if(!isMobile(mobile)){ alert("請輸入正確的手機號碼"); return false; }else getCaptcha(mobile) }); /** * 驗證手機號 * @param value * @returns {boolean} */
function isMobile(value) { var reg = /^1[0-9]{10}$/; return reg.test(value); } /** * 驗證密碼 * @param value * @returns {RegExp|boolean} */ function isPassword(value) { return /^[\u0000-\u00ff]{6,16}$/.test(value) } /** * 獲取驗證碼 * @param mobile */ function getCaptcha(mobile) { if(countdown) return; $.ajax({ type: "POST", url: urlEl+"/promote/landing/sendRegSms", data: { phone:mobile }, success: function(msg){ if(msg=='false-a'){ alert("傳送驗證碼失敗:驗證碼為空"); } else if(msg=='false-b'){ alert("傳送驗證碼失敗：驗證碼錯誤"); } else if(msg=='false-c'){ alert("傳送驗證碼失敗：該手機已經註冊"); } else if(msg=='false-d'){ alert("傳送驗證碼失敗：你傳送得太頻繁啦"); } else if(msg=='false-e') { alert("傳送驗證碼失敗"); }else{ showTime(); } }, error:function(){ alert('error'); } }); } function showTime() { var t = 60; countdown = true; var timer = setInterval(function() { $("#captchaBtn").html(t + "s"); if(t<0){ t = 60; clearInterval(timer); $("#captchaBtn").html("重新發送"); countdown = false; } t -= 1; },1000) } //顯示密碼按鈕 $('#eyeBtn').click(function() { var type = passwordEl.attr('type'); passwordEl.attr({'type': type == 'password' ? 'text' : 'password'}) })

相關推薦

手機wap端註冊jQuery Ajax呼叫API介面

var mobileEl = $('#mobile'), passwordEl = $('#password'), captchaEl = $('#yzm'), urlEl = "http://803.dev.devbao.c

Yii2.0 前後端分離 前端ajax呼叫跨域的問題

Yii2.0有自己的一套防止跨域呼叫的機制，網上一搜一大把的解決方式，無非就是： use yii\filters\Cors; public function behaviors() { return ArrayHelper::merge([ [

手機wap端開發微信繫結第三方登陸功能

1.申請一個“微信公眾平臺服務號”； 2.開發者模式 - 配置伺服器(微信公眾平臺裡面的配置) 我們需要配置三個值：伺服器地址（接收訊息的地址）、自定義token、訊息加密方式（可選擇明文或者密文），暫時地址只支援80埠，其他埠接收不到訊息哦。 在開發

jQuery中Ajax呼叫後臺介面

直接上程式碼。獲取陣列中的資料imageUrl <html> <head> <script type="text/javascript"> function loadXMLDoc() { var xmlhttp; var text; if

手機wap端使用者登錄檔單（html+css）

實現效果： html程式碼： <div class="login"> <form action="*跳轉介面*" method="post" onsubmit="return checkForm()"> <

jquery ajax呼叫資料後判斷返回值是否為 json 格式

在做一個專案中的一個需求時，遇到一個ajax返回值的問題，有兩種返回情況，一種是返回String型別，是一大段後臺拼裝成的html指令碼，用eval()函式處理，然後展示到頁面。一種是一json格式，取json值，然後展示成彈出框資訊。在處理的過程中，要用到eval()函式

【完】html5手機 input file 上傳圖片 呼叫API

<input type="file" accept="video/*;capture=camcorder"> <input type="file" accept="audio/*;capture=microphone"><input type="

前端初學者一看就懂：Ajax呼叫後臺介面案例

一直以來很多初學者對於ajax呼叫後臺介面總是不能很明白，以下這個案例，能很清楚的過程展現給大家： 首先，要做這個功能前，我們必須先查閱後臺介面文件，瞭解使用登入介面時，需要提交哪些引數，並且介面使用返回的資料。  這裡我使用了一個返回json格式資料的登入介面為例，講解怎

彩票免費API 全國彩票開獎結果資料呼叫API介面分享

彩票行業在我國是一個異常敏感的行業。一方面國家通過彩票銷售獲得了千億級別的財政收入，另一方面由於開獎資料被灰色產業利用，導致國家彩票管理中心直接停止了網際網路的彩票銷售。   隨著網際網路彩票的禁售，各大省市除了低頻彩如雙色球、福彩3D、七樂彩、大樂透、排列三、排列五、七星彩等開獎資料公佈之外。

ajax 呼叫後臺介面示例

                $(function(){  var _del_time_list = $("select[name='del_time_list']"); var _del_table_name = $("select[name='del_table_name']"); var _butto

使用jQuery Ajax向servlet介面傳值接受不到

可能的原因是jquery的檔案沒有訪問都，jquery檔案放置的位置時，其他js標籤的前面，src對應的目錄時html檔案所在的目錄，使用"../"可以返回上一層。測試jquery檔案可不可用的方法：在script標籤裡輸入： $(function(){         a

呼叫API介面開發跨平臺音視訊應用

直接使用AnyChat 提供的API開發，上層應用需要處理回撥函式、非同步訊息通知等流程，為了簡化開發流程，可以使用我們提供的AnyChat SDK包裝類（C++封裝）：CBRAnyChatSDKProc（位於：SDK

C# windows服務製作（包括安裝及解除安裝）定時呼叫api介面

 基於0起步來建立一個服務，做到簡單的記錄時間日誌功能，其具體招行方法可自行新增。1.建立服務2.刪除預設服務檔案3.新增自己的服務檔案4.更改啟動專案5. 引用 using System.Timers;並新增FileClass類FileClass類using System; using System.Col

呼叫國內著名網站的第三方呼叫API介面地址

https://github.com/jokermonn/-Api 來，大兄弟 拿走不謝，現在我都不想在群裡分享了 https://www.v2ex.com/api/nodes/show.json?

java呼叫api介面，maven匯入jar包

maven需要引入的jar包 <!-- httpclient --> <dependency> <groupId>commons-httpclient</grou

註冊JQuery使用ajax呼叫後臺方法，判斷使用者名稱、郵箱是否存在，並顯示隱藏提示

JavaScript程式碼 function existUserName(userName, reqUserName) { if (userName.val().length > 0) { $.a

手機H5頁面（文字滾動、適配各種螢幕、jQuery ajax包含cookie）

###手機H5頁面 ###文字滾動 使用li標籤，通過改變margin-top實現向上滾動。 程式碼： js: carousel: function() { var items = $('.roll').find('li'); console.log

淺談移動端車牌識別api介面呼叫方法

關鍵字：移動端車牌識別api介面、車牌識別api、iOS車牌識別、安卓車牌識別、掃描車牌識別、掃一掃識別車牌 一、移動端車牌識別api介面的背景 移動端車牌識別api介面是文通科技為促進人工智慧化建設研發而來的應用。此應用基於移動端平臺，例如手機應用、例如PDA應用，該手機端車牌識別

前後端資料互動，axios和jquery ajax的區別

axios作為Vue生態系統中濃墨重彩的一筆，我學習這個東西也是花了一定的時間的。剛開始的時候，也是遇到了很多問題。 逐漸摸透了它的脾氣。 首先說說FormData和Payload兩種資料格式的區別： 先是提交一個FormData的請求試試看： 然後我們看後端： 然後

chrome瀏覽器模擬手機端：jquery click()點選無效解決方法

$(".sku-wrap .ok").click(); chrome瀏覽器模擬手機端，在油猴外掛中寫JS程式碼，然後發現click()點選失效。 解決方法：jquery的click()方法失效，可以使用原生JavaScript的click方法。 首先需要將jquery物件轉化成JS物件：