宝哥软件园

jquery表单验证实例仿烤提示效果

编辑:宝哥软件园 来源:互联网 时间:2021-09-05

超文本标记语言内容部分

"="的" 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表单验证实例仿烤提示效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

更多资讯
游戏推荐
更多+