提示html及樣式部分 #errormsg{ width: auto; ..."/>
您好,登錄后才能下訂單哦!
HTML內(nèi)容部分
<div class="classname"> <label for="">請(qǐng)輸入您的手機(jī)號(hào)碼</label> <input type="text" id="MobilePhone"/> <input type="text" /> --> </div>
提示html及樣式部分
<div id="errormsg" ></div> <style> #errormsg{ width: auto; height: 20px; padding: 1px 5px; text-align: center; background-color: #000; opacity: 0.5; color: #fff; position: fixed; left: 50%; margin-left: -50px; top: 93%; border-radius: 20px; } </style>
jquery表單驗(yàn)證(正則表達(dá)式)
//驗(yàn)證手機(jī)號(hào)碼 $("#MobilePhone").blur(function(){ var tel = $("#MobilePhone").val();//獲取輸入的手機(jī)號(hào) var yidongreg = /^(134[012345678]\d{7}|1[34578][012356789]\d{8})$/; var dianxinreg = /^1[3578][01379]\d{8}$/; var liantongreg = /^1[34578][01256]\d{8}$/; if (yidongreg.test(tel) || dianxinreg.test(tel) || liantongreg.test(tel)) { $("errormsg").css({"display":"block"}); $("#errormsg").html("請(qǐng)輸入正確號(hào)碼").fadeIn(300).delay(2000).fadeOut(300); }else{ $("errormsg").css({"display":"block"}); $("#errormsg").html("請(qǐng)輸入正確號(hào)碼").fadeIn(300).delay(2000).fadeOut(300); } });
以上所述是小編給大家介紹的jquery表單驗(yàn)證實(shí)例仿Toast提示效果,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)億速云網(wǎng)站的支持!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。