errMsg 是一个错误消息的数组,这样方便自定义,errName是对应错误信息元件名数组,这样可以非富自定义显示方式,FormValid.allName记录了所有有验证规则的字段名数级,在自定义中可以使用到。
表单验证提示效果
body{ color:#666666; font-size:12px}
h1{ font-size:20px;}
input{ border:#999999 1px solid; background-color:#FFFFEE}
.button2{ background-color:#FF9900; border-bottom:#E34A00 2px solid;border-right:#E34A00 2px solid; border-top:#FFB693 2px solid;border-left:#FFB693 2px solid; color:#FFFFFF; font-weight:bold}
dl {
font:normal 12px/15px Arial;
position: relative;
width: 350px;
}
dt {
clear: both;
float:left;
width: 80px;
padding: 4px 0 2px 0;
text-align: left;
}
dd {
float: left;
width: 200px;
margin: 0 0 8px 0;
padding-left: 6px;
}
.hint {
display: none;
position: absolute;
right: -160px;
width: 200px;
margin-top: -4px;
border: 1px solid #c93;
padding: 10px 12px;
background: #ffc url(/upload/2009-11/20091104144511488.gif) no-repeat -10px 5px;
}
.hint .hint-pointer {
position: absolute;
left: -10px;
top: 5px;
width: 10px;
height: 19px;
background: url(/upload/2009-11/20091104144511488.gif) left top no-repeat;
}
表单验证提示效果
帐号:
注册帐号(只支持数字和字母,如:love,love520)
密码:
请输入密码,请最少输入最少6位最多12位密码
确认密码:
请再输入一次上面的密码
邮箱:
请输入邮箱(Email),推荐使用网易邮箱@163.com
生日:
1983
1984
1985
年
5
6
7
12
月
5
6
7
12
日请输入你的生日
QQ/MSN:
请输入你的QQ或MSN号码
电话:
请输入你的电话
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐阅读
jQuery 常见学习网站与参考书
jQuery作为一个框架,功能挺强大的,除了官方网站 http://jquery.com/ ,还有一个介绍使用jQuery的网站,demo相当详细:
http://interface.eyecon.ro/
在线 demo 演示地址:http://interface.eyecon.ro/demo>>>详细阅读
本文标题:实用的JS表单验证提示效果
地址:http://www.17bianji.com/kaifa2/JS/27754.html
1/2 1