jquery表单验证实例仿Toast提示效果
更新时间：2017年03月03日 09:24:48 作者：ithuangjiaqi
这篇文章主要介绍了jquery验证表单仿Toast提示效果,实现代码简单易懂，非常不错，需要的朋友可以参考下
HTML内容部分
<div class="classname">
<label for="">请输入您的手机号码</label> <input type="text" id="MobilePhone"/>
<input type="text" /> -->
</div>
提示html及样式部分
<div id="errormsg" style="display: none;"></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表单验证（正则表达式）
//验证手机号码
$("#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);
}
});
以上所述是小编给大家介绍的jquery表单验证实例仿Toast提示效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
TextArea不支持maxlength的解决办法(jquery)
自己写了一个jquery的扩展，这样就可以很容易实现对textarea控制最大长度了。2011-09-09
本文给大家分享的是使用原生JS和JQ两种方法分别实现相同的图片轮播特效，十分的实用，也非常方便大家对比学习原生js和jQuery，有需要的小伙伴可以参考下。2015-04-04
本文主要介绍了jquery获取下拉框中的循环值的方法。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
本篇文章介绍了，基于jquery的has()方法以及与find()方法以及filter()方法的区别详解需要的朋友参考下2013-04-04
jQuery怎么解析Json字符串(Json格式/Json对象)
可以利用jquery或js解析json数据，下面与大家分享下jquery解析json字符串方法，一个是解析Json格式，一个是解析Json对象，感兴趣的朋友可以学习下2013-08-08
使用jQuery mobile库检测url绝对地址和相对地址的方法
这篇文章主要介绍了使用jQuery mobile库监测绝对地址和相对地址的方法,分别是isAbsoluteUrl()和isRelativeUrl()方法的使用,需要的朋友可以参考下2015-12-12
a标签指向锚点top，可以在顶部防止一个a name=top的锚点，这样在浏览器不支持js时也可以实现返回顶部的效果了2014-08-08
下面小编就为大家带来一篇jQuery学习心得总结(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
今天刚刚把jquery的插件制作学习了一下，总结一下别人写的和自己的心得，方便其他初学者的学习，考虑到要学习jquery插件制作的人一定知道jquery插件的好处和通用性，这里就不多说2012-02-02
jQuery EasyUI是一组基于JQuery的UI插件集合，而JQueryEasyUI的目标就是帮助开发者更轻松的打造出功能丰富并且美观的UI界面，下面小编带领大家一起学习jquery easyui入门知识，一起看看吧2016-08-08
最新评论