jquery表单验证实例仿烤提示效果
超文本标记语言内容部分
"="的" div标签请输入您的手机号码/标签输入类型='text' id='MobilePhone'/输入类型='text'/- /div提示超文本标记语言及样式部分
div id='错误消息' style=' display : none'/div style #错误消息{ width : auto高: 20pxpadding: 1px 5px文本对齐:中心;背景色: # 000;opa city 3360 0.5 color : # fff位置:固定;左侧: 50%;左边距:-50px;前:名93%;边界半径: 20px} /stylejquery表单验证(正则表达式)
//验证手机号码$(' #手机')。blur(function(){ var tel=$(' #手机')).val();//获取输入的手机号var yidongreg=/^(134[012345678]\d{7}|1[34578][012356789]\d{8})$/;var dianshinreg=/^1[3578][01379]\d{8}$/;var liantonreg=/^1[34578][01256]\d{8}$/;if(yidong reg。测试(电话)| | dianshinreg。测试(电话)| | liantonreg。test(tel)){ $(“错误消息”).CSS({ ' display ' : ' block ' });$('#errormsg ').html(")请输入正确号码').法丁(300)。延迟(2000年)。淡出(300);}else{ $('errormsg ').CSS({ ' display ' : ' block ' });$('#errormsg ').html(")请输入正确号码').法丁(300)。延迟(2000年)。淡出(300);} });以上所述是小编给大家介绍的jquery表单验证实例仿烤提示效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
版权声明:jquery表单验证实例仿烤提示效果是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。