jquery表单验证仿Toast提示效果实例分享

小云云
发布: 2018-01-23 16:53:15
原创
1645 人浏览过

本文主要介绍了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学习者快速成长!