jquery實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼的倒計(jì)時(shí)代碼

復(fù)制代碼

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比威遠(yuǎn)網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式威遠(yuǎn)網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋威遠(yuǎn)地區(qū)。費(fèi)用合理售后完善，十載實(shí)體公司更值得信賴。

代碼如下:

var

wait=60;//時(shí)間

function

time(o,p)

{//o為按鈕的對(duì)象，p為可選，這里是60秒過(guò)后，提示文字的改變

if

(wait

==

0)

{

o.removeAttr("disabled");

o.val("點(diǎn)擊發(fā)送驗(yàn)證碼");//改變按鈕中value的值

p.html("如果您在1分鐘內(nèi)沒(méi)有收到驗(yàn)證碼，請(qǐng)檢查您填寫(xiě)的手機(jī)號(hào)碼是否正確或重新發(fā)送");

wait

=

60;

}

else

{

o.attr("disabled",

true);//倒計(jì)時(shí)過(guò)程中禁止點(diǎn)擊按鈕

o.val(wait

+

"秒后重新獲取驗(yàn)證碼");//改變按鈕中value的值

wait--;

setTimeout(function()

{

time(o,p);//循環(huán)調(diào)用

},

1000)

}

}

視圖：

復(fù)制代碼

代碼如下:

input

class="mem_btn

mem_btn26"

type="submit"

name="yt0"

value="點(diǎn)擊發(fā)送驗(yàn)證碼"

id="btn"

調(diào)用：

復(fù)制代碼

代碼如下:

echo

CHtml::ajaxSubmitButton('點(diǎn)擊發(fā)送驗(yàn)證碼',

CHtml::normalizeUrl(

array('/ajax/sendGetPassMobilCaptcha','zm_id'=$model-zm_id)

),

array('success'='function(result){

if(result==1){

$(".ys_98").html("驗(yàn)證碼發(fā)送成功，請(qǐng)及時(shí)檢查您的手機(jī)。");

time($("#yt0"),$(".ys_98"))

}else{

$(".ys_98").html("驗(yàn)證碼發(fā)送失敗，請(qǐng)重試，或聯(lián)系管理員。");

}

}','data'="zm_id=".$model-zm_id."zm_mob=".$model-zm_mob."zm_name=".$model-zm_name

),

array('class'='mem_btn

mem_btn26'));

jQuery實(shí)現(xiàn)手機(jī)號(hào)正則驗(yàn)證輸入及自動(dòng)填充空格功能

本文實(shí)例講述了jQuery實(shí)現(xiàn)手機(jī)號(hào)正則驗(yàn)證輸入及自動(dòng)填充空格功能。分享給大家供大家參考，具體如下：

先來(lái)看看運(yùn)行效果（在刪除時(shí)連刪即可）：

具體代碼：

!DOCTYPE

html

html

lang="en"

head

meta

charset="UTF-8"

titleDocument/title

/head

body

input

type="text"

id="inp"

script

src="jquery-1.12.3.min.js"/script

script

$(function(){

$("#inp").keyup(function(){

/*

手機(jī)號(hào)驗(yàn)證時(shí)：

var

pattern

=

/^1[3|4|5|7|8]\d{1}\s\d{4}\s\d{4}$/;

pattern.test(str);

*/

_self

=

$(this);

if(_self.val().length

==

3

||

_self.val().length

==

8){

var

str

=

_self.val()+"

";

_self.val(str);

}

});

});

/script

/body

/html

PS：這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用：

JavaScript正則表達(dá)式在線測(cè)試工具：

正則表達(dá)式在線生成工具：

更多關(guān)于jQuery相關(guān)內(nèi)容可查看本站專題：《jQuery正則表達(dá)式用法總結(jié)》、《jQuery字符串操作技巧總結(jié)》、《jQuery操作xml技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

jsp利用js驗(yàn)證手機(jī)號(hào)的整體流程是什么？

驗(yàn)證130-139,150-159,180-189號(hào)碼段的手機(jī)號(hào)碼，參考如下：\x0d\x0a\x0d\x0avar myreg = ^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+d{8})$; \x0d\x0aif(!myreg.test($("#phone").val())) \x0d\x0a{ \x0d\x0a alert('請(qǐng)輸入有效的手機(jī)號(hào)碼！'); \x0d\x0a return false; \x0d\x0a} \x0d\x0a\x0d\x0a\x0d\x0afunction validatemobile(mobile) \x0d\x0a { \x0d\x0a if(mobile.length==0) \x0d\x0a { \x0d\x0a alert('請(qǐng)輸入手機(jī)號(hào)碼！'); \x0d\x0a document.form1.mobile.focus(); \x0d\x0a return false; \x0d\x0a } \x0d\x0a if(mobile.length!=11) \x0d\x0a { \x0d\x0a alert('請(qǐng)輸入有效的手機(jī)號(hào)碼！'); \x0d\x0a document.form1.mobile.focus(); \x0d\x0a return false; \x0d\x0a } \x0d\x0a 以上代碼是在jquery下調(diào)試的。不需要jquery的代碼 \x0d\x0a var myreg = ^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+d{8})$; \x0d\x0a if(!myreg.test(mobile)) \x0d\x0a { \x0d\x0a alert('請(qǐng)輸入有效的手機(jī)號(hào)碼！'); \x0d\x0a document.form1.mobile.focus(); \x0d\x0a return false; \x0d\x0a } \x0d\x0a }

jQuery 手機(jī)號(hào)碼驗(yàn)證

p手機(jī)?:?input?type="text"?maxlength="11"?id="shouji"span/span/p

p密碼?:?input?type="text"?maxlength="11"?id="password"span/span/p

script

var?Val={

isMobile:function(s){return?this.test(s,/(^0{0,1}1[3|4|5|6|7|8|9][0-9]{9}$)/)},

isEmail:function(a){var?b?="^[-!#$%'*+\\./0-9=?A-Z^_`a-z{|}~]+@[-!#$%'*+\\/0-9=?A-Z^_`a-z{|}~]+.[-!#$%'*+\\./0-9=?A-Z^_`a-z{|}~]+$";

return?this.test(a,?b);},

isNumber:function(s,d){return?!isNaN(s.nodeType==1?s.value:s)(!d||!this.test(s,"^-?[0-9]*\\.[0-9]*$"))},

isEmpty:function(s){return?!jQuery.isEmptyObject(s)},test:function(s,p){s=s.nodeType==1?s.value:s;return?new?RegExp(p).test(s)}};

//上面給你一個(gè)常用的驗(yàn)證代碼，比較使用

$("#shouji").blur(function(){

var?v=$(this).val();

var?n=$(this).next();

if(!Val.isMobile(v)){

n.html("font?color='red'請(qǐng)輸入正確的手機(jī)號(hào)碼/font");

$

}else{

n.text("正確");

}

});

//不需要返回false什么的?因?yàn)槟悴皇翘峤槐韱危?/p>

$("#password").blur(function(){

var?v=$(this).val();

var?n=$(this).next();

if(v.length6){

n.html("font?color='red'密碼不能少于6位/font");

$

}else{

n.text("正確");

}

});

/script

當(dāng)前標(biāo)題：jquery驗(yàn)證手機(jī),js正則驗(yàn)證手機(jī)
網(wǎng)頁(yè)URL：http://www.rwnh.cn/article28/dsiipcp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、外貿(mào)建站、網(wǎng)站改版、網(wǎng)站制作、關(guān)鍵詞優(yōu)化、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)