提示html及樣式部分 #errormsg{ width: auto; ..."/>
溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

jquery表單驗(yàn)證實(shí)例仿Toast提示效果

發(fā)布時(shí)間:2020-08-27 19:26:28 來(lái)源:腳本之家 閱讀:141 作者:ithuangjiaqi 欄目:web開(kāi)發(fā)

jquery表單驗(yàn)證實(shí)例仿Toast提示效果

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)站的支持!

向AI問(wèn)一下細(xì)節(jié)

免責(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)容。

AI