首頁 > web前端 > js教程 > 主體

jquery表單驗證仿Toast提示效果實例分享

小云云
發布: 2018-01-23 16:53:15
原創
1615 人瀏覽過

本文主要介紹了jquery驗證表單仿Toast提示效果,實作程式碼簡單易懂,非常不錯,需要的朋友可以參考下,希望能幫助到大家。

HTML內容部分


#

-->

登入後複製

提示html及樣式部分



          
登入後複製

jquery表單驗證(正規表示式)


//验证手机号码
    $("#MobilePhone").blur(function(){
     var tel = $("#MobilePhone").val();//获取输入的手机号
    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("请输入正确号码").fadeIn(300).delay(2000).fadeOut(300);
    }else{
           $("errormsg").css({"display":"block"});
           $("#errormsg").html("请输入正确号码").fadeIn(300).delay(2000).fadeOut(300); 
    }
  });
登入後複製

相關推薦:

ReactNative實作Toast的範例分享

使用toast元件實作提示使用者忘記輸入使用者名稱或密碼功能

##################################################################### ##微信小程式自訂toast實作方法詳解######

以上是jquery表單驗證仿Toast提示效果實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!