jquery表单验证特效js代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 jquery表单验证特效js代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery多张提交表单验证特效</title>
<link href="css/style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.form label, .form input, .form select, .form textarea, .form button, .form .label{float:left;font-size:12px;}
.fl{float:left;}.fr{float:right;}.fn{float:none;}
.hide{display:none;}.invisible{visibility:hidden;}.overflow{overflow:hidden;}
.clear{display:block;clear:both;height:0;overflow:hidden;}
body{font:12px/180% Arial, Helvetica, sans-serif,"宋体";}
/* yellow_button */
.yellow_button{background:url(images/yellow_button.png);border:none;cursor:pointer;height:36px;line-height:36px; overflow:hidden; display:inline-block; text-align:center; font-size:14px; font-weight:800; color:#fff;background-position:0 0;width:139px;}
#registsubmit.disabled{background-position:0 -36px;cursor:default!important;}
.red{color:#ff0000;font-family:"宋体";font-weight:normal;}
/* formbox */
#formbox{padding:20px;border:solid 1px #D1D1D1;margin:20px auto;width:880px;}
#formbox h3{font-size:16px;height:32px;color:#3366cc;font-weight:800;border-bottom:solid 1px #D1D1D1;margin:0 0 20px 0;padding:0 10px;}
#formbox .item{padding-top:5px;height:50px;overflow:hidden;line-height:26px;}
#formbox .item a:link,#formbox .item a:visited{text-decoration:underline;}
#formbox .label{width:300px;text-align:right;font-size:14px;}
#formbox .span-150{width:150px;}
#formbox .text{width:240px;height:16px;padding:4px 3px;border:1px solid #bbb;font-size:14px;font-family:arial,"宋体";}
#formbox .text-1{width:100px;}
#formbox .blank{width:16px;height:16px;margin:2px 5px 0;}
#formbox .img img{height:26px;margin:0 5px;}
#formbox .succeed{background:url(images/pwdstrength.gif) no-repeat -105px 0;}
#formbox .yellow_button{font-size:14px;font-weight:bold;color:#fff;border:none;cursor:pointer;}
#formbox .highlight1{border:1px solid #EFA100;outline:2px solid #FFDC97;*border:2px solid #ffcc66;*padding:3px 2px;}
#formbox .highlight2{border:1px solid #f00;outline:1px solid #FFC1C1;color:#f00;}
#formbox .pwdbg{background:#FFF8EB;}
#formbox .focus{color:#999;line-height:22px;*line-height:20px;}
#formbox .null,#formbox .error{color:red;line-height:22px;*line-height:20px;}
#formbox .checkbox{margin-top:6px;*margin-top:2px;}
#formbox #referrer{color:#999;font-size:12px;}
#formbox #protocol{margin:0px 5px 0 0;display:inline;}
#pwdstrength{color:#999;line-height:22px;padding-right:10px;}
#pwdstrength b{float:left;width:104px;height:13px;overflow:hidden;margin-top:5px;*margin-top:3px;}
.strengthA b{background:url(images/pwdstrength.gif) no-repeat 0 0;}
.strengthB b{background:url(images/pwdstrength.gif) no-repeat 0 -13px;}
.strengthC b{background:url(images/pwdstrength.gif) no-repeat 0 -26px;}
</style>
<div id="formbox">
	<form id="formpersonal" method="post" onsubmit="return false;">
	<div class="form">
		<h3>帐户信息</h3>
		<div class="item">
			<span class="label"><span class="red">*</span>用户名：</span>
			<div class="fl">
				<input type="text" id="username" name="username" class="text" tabindex="1" />
				<label id="username_succeed" class="blank"></label>
				<span class="clear"></span>
				<div id="username_error"></div>
			</div>
		</div><!--item end-->
		
		<div id="o-password">
			<div class="item">
				<span class="label"><span class="red">*</span>设置密码：</span>
				<div class="fl">
					<input type="password" id="pwd" name="pwd" class="text" tabindex="2"/>
					<label id="pwd_succeed" class="blank"></label>
					<input type="checkbox" class="checkbox" id="viewpwd"/>
					<label class="ftx23" for="viewpwd">显示密码字符</label>
					<span class="clear"></span>
					<label class="hide" id="pwdstrength"><span class="fl">安全程度：</span><b></b></label>
					<label id="pwd_error"></label>
				</div>
			</div><!--item end-->
			
			<div class="item">
				<span class="label"><span class="red">*</span>确认密码：</span>
				<div class="fl">
					<input type="password" id="pwd2" name="pwd2" class="text" tabindex="3"/>
					<label id="pwd2_succeed" class="blank"></label>
					<span class="clear"></span>
					<label id="pwd2_error"></label>
				</div>
			</div><!--item end-->
			
		</div><!--o-password end-->
		
		<div class="item">
			<span class="label"><span class="red">*</span>邮箱：</span>
			<div class="fl">
				<input type="text" id="mail" name="mail" class="text" tabindex="4"/>
				<label id="mail_succeed" class="blank"></label>
				<span class="clear"></span>
				<div id="mail_error"></div>
			</div>
		</div><!--item end-->
		
		<div class="item">
			<span class="label">推荐人用户名：</span>
			<div class="fl">
				<input type="text" id="referrer" name="referrer" class="text" value=可不填 tabindex="5" />
				<label id="referrer_succeed" class="blank invisible"></label>
				<span class="clear"></span>
				<label id="referrer_error"></label>
			</div>
		</div><!--item end-->
		
		<div class="item">
			<span class="label"><span class="red">*</span>验证码：</span>
			<div class="fl">
				<input type="text" id="authcode" name="authcode" class="text text-1" autocomplete="off" MaxLength="6" tabindex="6" />
				<label class="img"><img id="JD_Verification1" Ver_ColorOfNoisePoint="#888888" src="http://www.mailuke.com/Inc/Code/adminCode.php?sesstr=regCode" onClick="chanageCode('regCode')" alt="" style="cursor:pointer;width:100px;height:26px;"/>
				</label>
				<label>&nbsp;看不清？点击验证码图片更换</label>
				<label id="authcode_succeed" class="blank invisible"></label>
				<span class="clear"></span>
				<label id="authcode_error"></label>
			</div>
		</div><!--item end-->
	
		<h3>联系人信息</h3>
		<div class="item">
			<span class="label"><span class="red">*</span>联系人姓名：</span>
			<div class="fl">
				<input type="text" id="realname" name="realname" class="text" tabindex="7"/>
				<label id="realname_succeed" class="blank"></label>
				<span class="clear"></span>
				<label id="realname_error"></label>
			</div>
		</div><!--item end-->
		
		<div class="item">
			<span class="label"><span class="red">*</span>所在部门：</span>
			<div class="fl">
				<select rel="select" id="department" name="department" tabindex="8">
					<option value="-1"  >请选择</option>
					<option value="1"  >办公室</option>
					<option value="2"  >市场部</option>
					<option value="3"  >采购部</option>
					<option value="4"  >技术部</option>
					<option value="5"  >人力资源</option>
					<option value="6"  >其他</option>
				</select>
				<label id="department_succeed" class="blank"></label>
				<span class="clear"></span>
				<label id="department_error"></label>
			</div>
		</div><!--item end-->
		
		<div class="item">
			<span class="label"><span class="red">*</span>固定电话：</span>
			<div class="fl">
				<input type="text" id="tel" name="tel" class="text" value="" tabindex="9" />
				<label id="tel_succeed" class="blank"></label>
				<span class="clear"></span>
				<label id="tel_error"></label>
			</div>
		</div><!--item end-->
		
		<div class="item">
			<span class="label"><span class="red">*</span>手机：</span>
			<div class="fl">
				<input type="text" id="mobile" name="mobile" class="text" value="" tabindex="10" />
				<label id="mobile_succeed" class="blank"></label>
				<span class="clear"></span>
				<label id="mobile_error"></label>
			</div>
		</div><!--item end-->
	
		<h3>公司信息</h3>
		<div class="item">
			<span class="label"><span class="red">*</span>公司名称：</span>
			<div class="fl">
				<input type="text" id="companyname" name="companyname" class="text" tabindex="11"/>
				<label id="companyname_succeed" class="blank"></label>
				<span class="clear"></span>
				<label id="companyname_error"></label>
			</div>
		</div><!--item end-->
		
		<div class="item">
			<span class="label"><span class="red">*</span>公司地址：</span>
			<div class="fl">
				<input type="text" id="companyaddr" name="companyaddr" class="text" tabindex="12" />
				<label id="companyaddr_succeed" class="blank"></label>
				<span class="clear"></span>
				<label id="companyaddr_error"></label>
			</div>
		</div><!--item end-->
		
		<div class="item">
			<span class="label"><span class="red">*</span>购买类型/用途：</span>
			<div class="fl">
				<input id="purpose1" tabindex="13" class="checkbox" name="purposetype" runant="server" type="checkbox" value="1" />
				<label class="pad" for="purpose1">IT设备</label>
				<input id="purpose2" tabindex="13" class="checkbox" name="purposetype" runant="server" type="checkbox" value="2" />
				<label class="pad" for="purpose2">数码通讯</label>
				<input id="purpose3" tabindex="13" class="checkbox" name="purposetype" runant="server" type="checkbox" value="3" />
				<label class="pad" for="purpose3">办公用品耗材</label>
				<input id="purpose4" tabindex="13" class="checkbox" name="purposetype" runant="server" type="checkbox" value="4" />
				<label class="pad" for="purpose4">大家电</label>
				<input id="purpose5" tabindex="13" class="checkbox" name="purposetype" runant="server" type="checkbox" value="5" />
				<label class="pad" for="purpose5">项目合作-政府采购</label>
				<input id="purpose6" tabindex="13" class="checkbox" name="purposetype" runant="server" type="checkbox" value="6" />
				<label class="pad" for="purpose6">礼品</label>
				<input id="purpose" type="hidden" value="" />
				<label id="purpose_succeed" class="blank"></label>
				<span class="clear"></span>
				<label id="purpose_error"></label>
			</div>
		</div><!--item end-->
		
		<div class="item">
			<span class="label"><span class="red">*</span>公司网址：</span>
			<div class="fl">
				<input type="text" id="companysite" name="companysite" class="text" tabindex="14"/>
				<label id="companysite_succeed" class="blank"></label>
				<span class="clear"></span>
				<label id="companysite_error"></label>
			</div>
		</div><!--item end-->
	
		<div class="item">
			<span class="label">&nbsp;</span>
			<div class="fl">
				<input type="checkbox" name="protocol" id="protocol" tabindex="7" /><label for="protocol">网站用户注册协议</label>
			</div>
		</div><!--item end-->
		
		<div class="item">
			<span class="label">&nbsp;</span>
			<input type="button" class="yellow_button disabled" id="registsubmit" value="提交注册信息" tabindex="8" disabled="disabled" />
		</div><!--item end-->
		
	</div>
	</form>
</div><!--formbox end-->
<script type="text/javascript" src="js/Validate.js"></script>
<script type="text/javascript" src="js/Validate.form.js"></script>
</body>
</html>

JS代码(Validate.form.js):

$.extend(validatePrompt,{
	realname:{
	onFocus:"2-20浣嶅瓧绗︼紝鍙敱涓枃鎴栬嫳鏂囩粍鎴?,succeed:"",isNull:"璇疯緭鍏ヨ仈绯讳汉濮撳悕",error:{
	badLength:"鑱旂郴浜哄鍚嶉暱搴﹀彧鑳藉湪2-20浣嶅瓧绗︿箣闂?,badFormat:"鑱旂郴浜哄鍚嶅彧鑳界敱涓枃鎴栬嫳鏂囩粍鎴?}
}
,department:{
	onFocus:"",succeed:"",isNull:"璇烽€夋嫨鑱旂郴浜烘墍鍦ㄩ儴闂?,error:""}
,tel:{
	onFocus:"璇峰～鍐欒仈绯讳汉甯哥敤鐨勭數璇濓紝浠ヤ究浜庢垜浠仈绯伙紝濡傦細0527-88105500",succeed:"",isNull:"璇疯緭鍏ヨ仈绯讳汉鍥哄畾鐢佃瘽",error:"鐢佃瘽鏍煎紡閿欒锛岃閲嶆柊杈撳叆"}
,mobile:{
	onFocus:"闈炲寳浜€佷笂娴枫€佸箍宸炰笁鍦板鎴凤紝璇峰湪鎵嬫満鍙峰墠鍔犫€?鈥?,succeed:"",isNull:"璇疯緭鍏ユ偍鐨勬墜鏈哄彿鐮?,error:"鎵嬫満鍙锋牸寮忛敊璇紝璇烽噸鏂拌緭鍏?}
,companyname:{
	onFocus:"璇峰～鍐欏伐鍟嗗眬娉ㄥ唽鐨勫叏绉般€?-40浣嶅瓧绗︼紝鍙敱涓嫳鏂囥€佹暟瀛楀強鈥淿鈥濄€佲€?鈥濄€?)銆侊紙锛夌粍鎴?,succeed:"",isNull:"璇疯緭鍏ュ叕鍙稿悕绉?,error:{
	badLength:"鍏徃鍚嶇О闀垮害鍙兘鍦?-40浣嶅瓧绗︿箣闂?,badFormat:"鍏徃鍚嶇О鍙兘鐢变腑鏂囥€佽嫳鏂囥€佹暟瀛楀強鈥淿鈥濄€佲€?鈥濄€?)銆侊紙锛夌粍鎴?}
}
,companyarea:{
	onFocus:"璇烽€夋嫨鍏徃鎵€鍦ㄥ湴",succeed:"",isNull:"璇烽€夋嫨鍏徃鎵€鍦ㄥ湴",error:""}
,companyaddr:{
	onFocus:"璇疯缁嗗～鍐欏叕鍙哥粡钀ュ湴鍧€銆€濡傦細鍖椾含甯傛捣娣€鍖鸿嫃宸炶20鍙烽摱涓板ぇ鍘搴?灞?,succeed:"",isNull:"璇疯緭鍏ュ叕鍙稿湴鍧€",error:{
	badLength:"鍏徃鍦板潃闀垮害鍙兘鍦?-50浣嶅瓧绗︿箣闂?,badFormat:"鍏徃鍦板潃鍙兘鐢变腑鏂囥€佽嫳鏂囥€佹暟瀛楀強鈥淿鈥濄€佲€?鈥濄€?)銆侊紙锛夈€?缁勬垚"}
}
,purpose:{
	onFocus:"",succeed:"",isNull:"璇烽€夋嫨璐拱绫诲瀷/鐢ㄩ€?,error:""}
,companysite:{
	onFocus:"濡傦細http://www.360buy.com",succeed:"",isNull:"璇疯緭鍏ュ叕鍙哥綉鍧€",error:{
	badLength:"鍏徃缃戝潃闀垮害鍙兘鍦?0浣嶅瓧绗︿箣鍐?,badFormat:"鍏徃缃戝潃鏍煎紡涓嶆纭€傚簲濡傦細http://www.360buy.com"}
}
}
);
	$.extend(validateFunction,{
	realname:function(option){
	var length = validateRules.betweenLength(option.value.replace(/[^\x00-\xff]/g,"**"),2,20);
	var format = validateRules.isRealName(option.value);
	if (!length){
	validateSettings.error.run(option,option.prompts.error.badLength);
}
else{
	if (!format){
	validateSettings.error.run(option,option.prompts.error.badFormat);
}
else{
	validateSettings.succeed.run(option);
}
}
}
,department:function(option){
	var bool = (option.value == -1);
	if (bool){
	validateSettings.isNull.run(option,"");
}
else{
	validateSettings.succeed.run(option);
}
}
,tel:function(option){
	var format = validateRules.isTel(option.value);
	if (!format){
	validateSettings.error.run(option,option.prompts.error);
}
else{
	validateSettings.succeed.run(option);
}
}
,mobile:function(option){
	var format = validateRules.isMobile(option.value);
	if (!format){
	validateSettings.error.run(option,option.prompts.error);
}
else{
	validateSettings.succeed.run(option);
}
}
,companyname:function(option){
	var length = validateRules.betweenLength(option.value.replace(/[^\x00-\xff]/g,"**"),4,40);
	var format = validateRules.isCompanyname(option.value);
	if (!length){
	validateSettings.error.run(option,option.prompts.error.badLength);
}
else{
	if (!format){
	validateSettings.error.run(option,option.prompts.error.badFormat);
}
else{
	validateSettings.succeed.run(option);
}
}
}
,companyarea:function(option){
	var bool = (option.value == -1);
	if (bool){
	validateSettings.isNull.run(option,"");
}
else{
	validateSettings.succeed.run(option);
}
}
,companyaddr:function(option){
	var length = validateRules.betweenLength(option.value.replace(/[^\x00-\xff]/g,"**"),4,50);
	var format = validateRules.isCompanyaddr(option.value);
	if (!length){
	validateSettings.error.run(option,option.prompts.error.badLength);
}
else{
	if (!format){
	validateSettings.error.run(option,option.prompts.error.badFormat);
}
else{
	validateSettings.succeed.run(option);
}
}
}
,purpose:function(option){
	var purpose = $("input:checkbox[@name='purposetype']");
	if (validateFunction.checkGroup(purpose)){
	validateSettings.succeed.run(option);
}
else{
	validateSettings.error.run(option,option.prompts.isNull);
}
}
,companysite:function(option){
	var length = validateRules.betweenLength(option.value,0,80);
	var format = validateRules.isCompanysite(option.value);
	if (!length){
	validateSettings.error.run(option,option.prompts.error.badLength);
}
else{
	if (!format){
	validateSettings.error.run(option,option.prompts.error.badFormat);
}
else{
	validateSettings.succeed.run(option);
}
}
}
,FORM_validate:function(){
	$("#username").jdValidate(validatePrompt.username,validateFunction.username,true);
	$("#pwd").jdValidate(validatePrompt.pwd,validateFunction.pwd,true) $("#pwd2").jdValidate(validatePrompt.pwd2,validateFunction.pwd2,true);
	$("#authcode").jdValidate(validatePrompt.authcode,validateFunction.authcode,true);
	$("#realname").jdValidate(validatePrompt.realname,validateFunction.realname,true);
	$("#department").jdValidate(validatePrompt.department,validateFunction.department,true);
	$("#tel").jdValidate(validatePrompt.tel,validateFunction.tel,true);
	$("#mobile").jdValidate(validatePrompt.mobile,validateFunction.mobile,true);
	$("#mail").jdValidate(validatePrompt.mail,validateFunction.mail,true);
	$("#companyname").jdValidate(validatePrompt.companyname,validateFunction.companyname,true);
	$("#companyaddr").jdValidate(validatePrompt.companyaddr,validateFunction.companyaddr,true);
	$("#companysite").jdValidate(validatePrompt.companysite,validateFunction.companysite,true);
	$("#purpose").jdValidate(validatePrompt.purpose,validateFunction.purpose,true);
	return validateFunction.FORM_submit(["#username","#pwd","#pwd2","#mail","#realname","#department","#tel","#companyname","#companyaddr","#purpose"]);
}
}
);
	//榛樿涓嬬敤鎴峰悕妗嗚幏寰楃劍鐐?setTimeout(function(){
	$("#username").get(0).focus();
}
,0);
	//鐢ㄦ埛鍚嶉獙璇?$("#username").jdValidate(validatePrompt.username,validateFunction.username);
	//瀵嗙爜楠岃瘉$("#pwd").bind("keyup",function(){
	validateFunction.pwdstrength();
}
).jdValidate(validatePrompt.pwd,validateFunction.pwd)//浜屾瀵嗙爜楠岃瘉$("#pwd2").jdValidate(validatePrompt.pwd2,validateFunction.pwd2);
	//閭楠岃瘉$("#mail").jdValidate(validatePrompt.mail,validateFunction.mail);
	//鎺ㄨ崘浜虹敤鎴峰悕$("#referrer").bind("keydown",function(){
	$(this).css({
	"color":"#333333","font-size":"14px"}
);
}
).bind("keyup",function(){
	if($(this).val() == "" || $(this).val() == "鍙笉濉?){
	$(this).css({
	"color":"#999999","font-size":"12px"}
);
}
}
).bind("blur",function(){
	if($(this).val() == "" || $(this).val() == "鍙笉濉?){
	$(this).css({
	"color":"#999999","font-size":"12px"}
).jdValidate(validatePrompt.referrer,validateFunction.referrer,"鍙笉濉?);
}
}
)//楠岃瘉鐮侀獙璇?$("#authcode").jdValidate(validatePrompt.authcode,validateFunction.authcode);
	//鑱旂郴浜哄鍚嶉獙璇?$("#realname").jdValidate(validatePrompt.realname,validateFunction.realname);
	//閮ㄩ棬楠岃瘉$("#department").jdValidate(validatePrompt.department,validateFunction.department);
	//鍥哄畾鐢佃瘽楠岃瘉$("#tel").jdValidate(validatePrompt.tel,validateFunction.tel);
	//鎵嬫満楠岃瘉$("#mobile").jdValidate(validatePrompt.mobile,validateFunction.mobile);
	//鍏徃鍚嶇О楠岃瘉$("#companyname").jdValidate(validatePrompt.companyname,validateFunction.companyname);
	//鍏徃鍦板潃楠岃瘉$("#companyaddr").jdValidate(validatePrompt.companyaddr,validateFunction.companyaddr);
	//鍏徃缃戝潃楠岃瘉$("#companysite").jdValidate(validatePrompt.companysite,validateFunction.companysite);
	//鏄剧ず瀵嗙爜浜嬩欢$("#viewpwd").bind("click",function(){
	if ($(this).attr("checked") == true){
	validateFunction.showPassword("text");
	$("#o-password").addClass("pwdbg");
}
else{
	validateFunction.showPassword("password");
	$("#o-password").removeClass("pwdbg");
}
}
);
	//璐拱绫诲瀷/鐢ㄩ€旈獙璇?$("input:checkbox[@name='purposetype']").bind("click",function(){
	var value1 = $("#purpose").val();
	var value2 = $(this).val();
	if ($(this).attr("checked") == true){
	if (value1.indexOf(value2) == -1){
	$("#purpose").val(value1 + value2);
	$("#purpose").attr("sta",2);
	$("#purpose_error").html("");
	$("#purpose_succeed").addClass("succeed");
}
}
else{
	if (value1.indexOf(value2) != -1){
	value1 = value1.replace(value2,"");
	$("#purpose").val(value1);
	if ($("#purpose").val() == ""){
	$("#purpose").attr("sta",0);
	$("#purpose_succeed").removeClass("succeed");
}
}
}
}
);
	//閿洏杈撳叆楠岃瘉鐮侀獙璇?$("#authcode").bind('keyup',function(event){
	if (event.keyCode == 13){
	$("#registsubmit").click();
}
}
);
	//纭鍗忚鎵嶈兘鎻愪氦$("#protocol").click(function(){
	if ($("#protocol").attr("checked") != true){
	$("#registsubmit").attr({
	"disabled":"disabled"}
);
	$("#registsubmit").addClass("disabled");
}
else{
	$("#registsubmit").removeAttr("disabled");
	$("#registsubmit").removeClass("disabled");
}
}
);
	//琛ㄥ崟鎻愪氦楠岃瘉鍜屾湇鍔″櫒璇锋眰$("#registsubmit").click(function(){
	var flag = validateFunction.FORM_validate();
	if (flag){
	$(this).attr({
	"disabled":"disabled"}
).attr({
	"value":"鎻愪氦涓?璇风◢绛?}
);
	$.ajax({
	type:"POST",url:"http://www.mailuke.com/RegistService.php?rtype=personal",contentType:"application/x-www-form-urlencoded;
	charset=utf-8",data:$("#formpersonal").serialize(),success:function(result){
	if (result == 1){
	window.location = "http://www.mailuke.com/vipmanage";
}
}
}
);
}
}
);

JS代码(Validate.js):

var validateRegExp ={
	decmal:"^([+-]?)\\d*\\.\\d+$",//娴偣鏁? decmal1:"^[1-9]\\d*.\\d*|0.\\d*[1-9]\\d*$",//姝ｆ诞鐐规暟 decmal2:"^-([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*)$",//璐熸诞鐐规暟 decmal3:"^-?([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*|0?.0+|0)$",//娴偣鏁? decmal4:"^[1-9]\\d*.\\d*|0.\\d*[1-9]\\d*|0?.0+|0$",//闈炶礋娴偣鏁帮紙姝ｆ诞鐐规暟 + 0锛? decmal5:"^(-([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*))|0?.0+|0$",//闈炴娴偣鏁帮紙璐熸诞鐐规暟 + 0锛? intege:"^-?[1-9]\\d*$",//鏁存暟 intege1:"^[1-9]\\d*$",//姝ｆ暣鏁? intege2:"^-[1-9]\\d*$",//璐熸暣鏁? num:"^([+-]?)\\d*\\.?\\d+$",//鏁板瓧 num1:"^[1-9]\\d*|0$",//姝ｆ暟锛堟鏁存暟 + 0锛? num2:"^-[1-9]\\d*|0$",//璐熸暟锛堣礋鏁存暟 + 0锛? ascii:"^[\\x00-\\xFF]+$",//浠匒CSII瀛楃 chinese:"^[\\u4e00-\\u9fa5]+$",//浠呬腑鏂? color:"^[a-fA-F0-9]{
	6}
$",//棰滆壊 date:"^\\d{
	4}
(\\-|\\/|\.)\\d{
	1,2}
\\1\\d{
	1,2}
$",//鏃ユ湡 email:"^\\w+((-\\w+)|(\\.\\w+))*\\@[A-Za-z0-9]+((\\.|-)[A-Za-z0-9]+)*\\.[A-Za-z0-9]+$",//閭欢 idcard:"^[1-9]([0-9]{
	14}
|[0-9]{
	17}
)$",//韬唤璇? ip4:"^(25[0-5]|2[0-4]\\d|[0-1]\\d{
	2}
|[1-9]?\\d)\\.(25[0-5]|2[0-4]\\d|[0-1]\\d{
	2}
|[1-9]?\\d)\\.(25[0-5]|2[0-4]\\d|[0-1]\\d{
	2}
|[1-9]?\\d)\\.(25[0-5]|2[0-4]\\d|[0-1]\\d{
	2}
|[1-9]?\\d)$",//ip鍦板潃 letter:"^[A-Za-z]+$",//瀛楁瘝 letter_l:"^[a-z]+$",//灏忓啓瀛楁瘝 letter_u:"^[A-Z]+$",//澶у啓瀛楁瘝 mobile:"^0?(13|15|18)[0-9]{
	9}
$",//鎵嬫満 notempty:"^\\S+$",//闈炵┖ password:"^.*[A-Za-z0-9\\w_-]+.*$",//瀵嗙爜 fullNumber:"^[0-9]+$",//鏁板瓧 picture:"(.*)\\.(jpg|bmp|gif|ico|pcx|jpeg|tif|png|raw|tga)$",//鍥剧墖 qq:"^[1-9]*[1-9][0-9]*$",//QQ鍙风爜 rar:"(.*)\\.(rar|zip|7zip|tgz)$",//鍘嬬缉鏂囦欢 tel:"^[0-9\-()锛堬級]{
	7,18}
$",//鐢佃瘽鍙风爜鐨勫嚱鏁?鍖呮嫭楠岃瘉鍥藉唴鍖哄彿,鍥介檯鍖哄彿,鍒嗘満鍙? url:"^http[s]?:\\/\\/([\\w-]+\\.)+[\\w-]+([\\w-./?%&=]*)?$",//url username:"^[A-Za-z0-9_\\-\\u4e00-\\u9fa5]+$",//鐢ㄦ埛鍚? deptname:"^[A-Za-z0-9_()锛堬級\\-\\u4e00-\\u9fa5]+$",//鍗曚綅鍚? zipcode:"^\\d{
	6}
$",//閭紪 realname:"^[A-Za-z\\u4e00-\\u9fa5]+$",// 鐪熷疄濮撳悕 companyname:"^[A-Za-z0-9_()锛堬級\\-\\u4e00-\\u9fa5]+$",companyaddr:"^[A-Za-z0-9_()锛堬級\\#\\-\\u4e00-\\u9fa5]+$",companysite:"^http[s]?:\\/\\/([\\w-]+\\.)+[\\w-]+([\\w-./?%&#=]*)?$"}
;
	//涓诲嚱鏁?(function ($){
	$.fn.jdValidate = function (option,callback,def){
	var ele = this;
	var id = ele.attr("id");
	var type = ele.attr("type");
	var rel = ele.attr("rel");
	var _onFocus = $("#" + id + validateSettings.onFocus.container);
	var _succeed = $("#" + id + validateSettings.succeed.container);
	var _isNull = $("#" + id + validateSettings.isNull.container);
	var _error = $("#" + id + validateSettings.error.container);
	if (def == true){
	var str = ele.val();
	var tag = ele.attr("sta");
	if (str == "" || str == "-1"){
	validateSettings.isNull.run({
	prompts:option,element:ele,isNullEle:_isNull,succeedEle:_succeed}
,option.isNull);
}
else if (tag == 1 || tag == 2){
	return;
}
else{
	callback({
	prompts:option,element:ele,value:str,errorEle:_error,succeedEle:_succeed}
);
}
}
else{
	if (typeof def == "string"){
	ele.val(def);
}
if (type == "checkbox" || type == "radio"){
	if (ele.attr("checked") == true){
	ele.attr("sta",validateSettings.succeed.state);
}
}
switch (type){
	case "text":case "password":ele.bind("focus",function (){
	var str = ele.val();
	if (str == def){
	ele.val("");
}
if (id == "pwd"){
	$("#pwdstrength").hide();
}
validateSettings.onFocus.run({
	prompts:option,element:ele,value:str,onFocusEle:_onFocus,succeedEle:_succeed}
,option.onFocus);
}
) .bind("blur",function (){
	var str = ele.val();
	if (str == ""){
	ele.val(def);
}
if (validateRules.isNull(str)){
	validateSettings.isNull.run({
	prompts:option,element:ele,value:str,isNullEle:_isNull,succeedEle:_succeed}
,"");
}
else{
	callback({
	prompts:option,element:ele,value:str,errorEle:_error,isNullEle:_isNull,succeedEle:_succeed}
);
}
}
);
	break;
	default:if (rel && rel == "select"){
	ele.bind("change",function (){
	var str = ele.val();
	callback({
	prompts:option,element:ele,value:str,errorEle:_error,isNullEle:_isNull,succeedEle:_succeed}
);
}
)}
else{
	ele.bind("click",function (){
	callback({
	prompts:option,element:ele,errorEle:_error,isNullEle:_isNull,succeedEle:_succeed}
);
}
)}
break;
}
}
}
}
)(jQuery);
	//閰嶇疆var validateSettings ={
	onFocus:{
	state:null,container:"_error",style:"focus",run:function (option,str){
	if (!validateRules.checkType(option.element)){
	option.element.removeClass(validateSettings.INPUT_style2).addClass(validateSettings.INPUT_style1);
}
option.onFocusEle.removeClass().addClass(validateSettings.onFocus.style).html(str);
}
}
,isNull:{
	state:0,container:"_error",style:"null",run:function (option,str){
	option.element.attr("sta",0);
	if (!validateRules.checkType(option.element)){
	if (str != ""){
	option.element.removeClass(validateSettings.INPUT_style1).addClass(validateSettings.INPUT_style2);
}
else{
	option.element.removeClass(validateSettings.INPUT_style2).removeClass(validateSettings.INPUT_style1);
}
}
option.succeedEle.removeClass(validateSettings.succeed.style);
	option.isNullEle.removeClass().addClass(validateSettings.isNull.style).html(str);
}
}
,error:{
	state:1,container:"_error",style:"error",run:function (option,str){
	option.element.attr("sta",1);
	if (!validateRules.checkType(option.element)){
	option.element.removeClass(validateSettings.INPUT_style1).addClass(validateSettings.INPUT_style2);
}
option.succeedEle.removeClass(validateSettings.succeed.style);
	option.errorEle.removeClass().addClass(validateSettings.error.style).html(str);
}
}
,succeed:{
	state:2,container:"_succeed",style:"succeed",run:function (option){
	option.element.attr("sta",2);
	option.errorEle.empty();
	if (!validateRules.checkType(option.element)){
	option.element.removeClass(validateSettings.INPUT_style1).removeClass(validateSettings.INPUT_style2);
}
if (option.element.attr("id") == "schoolinput" && $("#schoolid").val() == ""){
	return;
}
option.succeedEle.addClass(validateSettings.succeed.style);
}
}
,INPUT_style1:"highlight1",INPUT_style2:"highlight2"}
;
	//楠岃瘉瑙勫垯var validateRules ={
	isNull:function (str){
	return (str == "" || typeof str != "string");
}
,betweenLength:function (str,_min,_max){
	return (str.length >= _min && str.length <= _max);
}
,isUid:function (str){
	return new RegExp(validateRegExp.username).test(str);
}
,fullNumberName:function (str){
	return new RegExp(validateRegExp.fullNumber).test(str);
}
,isPwd:function (str){
	return /^.*([\W_a-zA-z0-9-])+.*$/i.test(str);
}
,isPwd2:function (str1,str2){
	return (str1 == str2);
}
,isEmail:function (str){
	return new RegExp(validateRegExp.email).test(str);
}
,isTel:function (str){
	return new RegExp(validateRegExp.tel).test(str);
}
,isMobile:function (str){
	return new RegExp(validateRegExp.mobile).test(str);
}
,checkType:function (element){
	return (element.attr("type") == "checkbox" || element.attr("type") == "radio" || element.attr("rel") == "select");
}
,isChinese:function (str){
	return new RegExp(validateRegExp.chinese).test(str);
}
,isRealName:function (str){
	return new RegExp(validateRegExp.realname).test(str);
}
,isDeptname:function (str){
	return new RegExp(validateRegExp.deptname).test(str);
}
,isCompanyname:function (str){
	return new RegExp(validateRegExp.companyname).test(str);
}
,isCompanyaddr:function (str){
	return new RegExp(validateRegExp.companyaddr).test(str);
}
,isCompanysite:function (str){
	return new RegExp(validateRegExp.companysite).test(str);
}
}
;
	//楠岃瘉鏂囨湰var validatePrompt ={
	username:{
	onFocus:"4-20浣嶅瓧绗︼紝鍙敱涓枃銆佽嫳鏂囥€佹暟瀛楀強鈥淿鈥濄€佲€?鈥濈粍鎴?,succeed:"",isNull:"璇疯緭鍏ョ敤鎴峰悕",error:{
	beUsed:"璇ョ敤鎴峰悕宸茶浣跨敤锛岃浣跨敤鍏跺畠鐢ㄦ埛鍚嶆敞鍐岋紝濡傛灉鎮ㄦ槸&quot;
	{
	1}
&quot;
	锛岃<a href='https://passport.360buy.com/new/login.aspx' class='flk13'>鐧诲綍</a>",badLength:"鐢ㄦ埛鍚嶉暱搴﹀彧鑳藉湪4-20浣嶅瓧绗︿箣闂?,badFormat:"鐢ㄦ埛鍚嶅彧鑳界敱涓枃銆佽嫳鏂囥€佹暟瀛楀強鈥淿鈥濄€佲€?鈥濈粍鎴?,fullNumberName:"鐢ㄦ埛鍚嶄笉鑳藉叏涓烘暟瀛?}
}
,pwd:{
	onFocus:"6-16浣嶅瓧绗︼紝鍙敱鑻辨枃銆佹暟瀛楀強鏍囩偣绗﹀彿缁勬垚",succeed:"",isNull:"璇疯緭鍏ュ瘑鐮?,error:{
	badLength:"瀵嗙爜闀垮害鍙兘鍦?-16浣嶅瓧绗︿箣闂?,badFormat:"瀵嗙爜鍙兘鐢辫嫳鏂囥€佹暟瀛楀強鏍囩偣绗﹀彿缁勬垚"}
}
,pwd2:{
	onFocus:"璇峰啀娆¤緭鍏ュ瘑鐮?,succeed:"",isNull:"璇疯緭鍏ュ瘑鐮?,error:{
	badLength:"瀵嗙爜闀垮害鍙兘鍦?-16浣嶅瓧绗︿箣闂?,badFormat2:"涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷?,badFormat1:"瀵嗙爜鍙兘鐢辫嫳鏂囥€佹暟瀛楀強鏍囩偣绗﹀彿缁勬垚"}
}
,mail:{
	onFocus:"璇疯緭鍏ュ父鐢ㄧ殑閭锛屽皢鐢ㄦ潵鎵惧洖瀵嗙爜銆佹帴鏀惰鍗曢€氱煡绛?,succeed:"",isNull:"璇疯緭鍏ラ偖绠?,error:{
	beUsed:"璇ラ偖绠卞凡琚娇鐢紝璇锋洿鎹㈠叾瀹冮偖绠憋紝鎴栦娇鐢ㄨ閭<a href='http://passport.360buy.com/retrievepassword.aspx' class='flk13'>鎵惧洖瀵嗙爜</a>",badFormat:"閭鏍煎紡涓嶆纭?,badLength:"鎮ㄥ～鍐欑殑閭杩囬暱锛岄偖浠跺湴鍧€鍙兘鍦?0涓瓧绗︿互鍐?}
}
,authcode:{
	onFocus:"璇疯緭鍏ュ浘鐗囦腑鐨勫瓧绗︼紝涓嶅尯鍒嗗ぇ灏忓啓",succeed:"",isNull:"璇疯緭鍏ラ獙璇佺爜",error:"楠岃瘉鐮侀敊璇?}
,protocol:{
	onFocus:"",succeed:"",isNull:"璇峰厛闃呰骞跺悓鎰忋€婁含涓滃晢鍩庣敤鎴峰崗璁€?,error:""}
,referrer:{
	onFocus:"濡傛偍娉ㄥ唽骞跺畬鎴愯鍗曪紝鎺ㄨ崘浜烘湁鏈轰細鑾峰緱绉垎",succeed:"",isNull:"",error:""}
,schoolinput:{
	onFocus:"鎮ㄥ彲浠ョ敤绠€鎷笺€佸叏鎷笺€佷腑鏂囪繘琛屾牎鍚嶆ā绯婃煡鎵?,succeed:"",isNull:"璇峰～閫夊鏍″悕绉?,error:"璇峰～閫夊鏍″悕绉?}
,empty:{
	onFocus:"",succeed:"",isNull:"",error:""}
}
;
	var nameold,emailold,authcodeold;
	var namestate = false,emailstate = false,authcodestate = false;
	//鍥炶皟鍑芥暟var validateFunction ={
	username:function (option){
	var format = validateRules.isUid(option.value);
	var length = validateRules.betweenLength(option.value.replace(/[^\x00-\xff]/g,"**"),4,20);
	if (!length && format){
	validateSettings.error.run(option,option.prompts.error.badLength);
}
else if (!length && !format){
	validateSettings.error.run(option,option.prompts.error.badFormat);
}
else if (length && !format){
	validateSettings.error.run(option,option.prompts.error.badFormat);
}
else if (validateRules.fullNumberName(option.value)){
	validateSettings.error.run(option,option.prompts.error.fullNumberName);
}
else{
	if (!namestate || nameold != option.value){
	if (nameold != option.value){
	nameold = option.value;
	option.errorEle.html("<span style='color:#999'>妫€楠屼腑鈥︹€?/span>");
	$.getJSON("AjaxService.aspx?action=CheckUnicknme&uid=" + escape(option.value) + "&r=" + Math.random(),function (date){
	if (date.success == 0){
	validateSettings.succeed.run(option);
	namestate = true;
}
else{
	validateSettings.error.run(option,option.prompts.error.beUsed.replace("{
	1}
",option.value));
	namestate = false;
}
}
)}
else{
	validateSettings.error.run(option,option.prompts.error.beUsed.replace("{
	1}
",option.value));
	namestate = false;
}
}
else{
	validateSettings.succeed.run(option);
}
}
}
,pwd:function (option){
	var str1 = option.value;
	var str2 = $("#pwd2").val();
	var format = validateRules.isPwd(option.value);
	var length = validateRules.betweenLength(option.value,6,16);
	$("#pwdstrength").hide();
	if (!length && format){
	validateSettings.error.run(option,option.prompts.error.badLength);
}
else if (!length && !format){
	validateSettings.error.run(option,option.prompts.error.badFormat);
}
else if (length && !format){
	validateSettings.error.run(option,option.prompts.error.badFormat);
}
else{
	validateSettings.succeed.run(option);
	validateFunction.pwdstrength();
}
if (str2 == str1){
	$("#pwd2").focus();
}
}
,pwd2:function (option){
	var str1 = option.value;
	var str2 = $("#pwd").val();
	var length = validateRules.betweenLength(option.value,6,16);
	var format2 = validateRules.isPwd2(str1,str2);
	var format1 = validateRules.isPwd(str1);
	if (!length){
	validateSettings.error.run(option,option.prompts.error.badLength);
}
else{
	if (!format1){
	validateSettings.error.run(option,option.prompts.error.badFormat1);
}
else{
	if (!format2){
	validateSettings.error.run(option,option.prompts.error.badFormat2);
}
else{
	validateSettings.succeed.run(option);
}
}
}
}
,mail:function (option){
	var format = validateRules.isEmail(option.value);
	var format2 = validateRules.betweenLength(option.value,0,50);
	if (!format){
	validateSettings.error.run(option,option.prompts.error.badFormat);
}
else{
	if (!format2){
	validateSettings.error.run(option,option.prompts.error.badLength);
}
else{
	if (!emailstate || emailold != option.value){
	if (emailold != option.value){
	emailold = option.value;
	option.errorEle.html("<span style='color:#999'>妫€楠屼腑鈥︹€?/span>");
	$.getJSON("AjaxService.aspx?action=CheckUemail&str=" + escape(option.value) + "&r=" + Math.random(),function (date){
	if (date.success == 0){
	validateSettings.succeed.run(option);
	emailstate = true;
}
else{
	validateSettings.error.run(option,option.prompts.error.beUsed);
	emailstate = false;
}
}
)}
else{
	validateSettings.error.run(option,option.prompts.error.beUsed);
	emailstate = false;
}
}
else{
	validateSettings.succeed.run(option);
}
}
}
}
,referrer:function (option){
	var bool = validateRules.isNull(option.value);
	if (bool){
	option.element.val("鍙笉濉?);
	return;
}
else{
	validateSettings.succeed.run(option);
}
}
,schoolinput:function (option){
	var bool = validateRules.isNull(option.value);
	if (bool){
	validateSettings.error.run(option,option.prompts.error);
	return;
}
else{
	validateSettings.succeed.run(option);
}
}
,authcode:function (option){
	// if (!authcodestate || authcodeold != option.value){
	// if (authcodeold != option.value){
	//// authcodeold = option.value;
	//// option.errorEle.html("<span style='color:#999'>妫€楠屼腑鈥︹€?/span>");
	//// var uuid = $("#JD_Verification1").attr("src").split("&uid=")[1].split("&")[0];
	//// $.getJSON("AjaxService.aspx?action=CheckAuthcode&str=" + escape(option.value) + "&r=" + Math.random() + "&uuid=" + uuid,function(date){
	//// if (date.success == 0){
	//// validateSettings.succeed.run(option);
	//// authcodestate = true;
	////}
else{
	//// validateSettings.error.run(option,option.prompts.error);
	//// authcodestate = false;
	////}
////}
)//}
// else{
	// validateSettings.error.run(option,option.prompts.error);
	// authcodestate = false;
	//}
//}
// else{
	// validateSettings.succeed.run(option);
	//}
validateSettings.succeed.run(option);
	authcodestate = true;
}
,protocol:function (option){
	if (option.element.attr("checked") == true){
	option.element.attr("sta",validateSettings.succeed.state);
	option.errorEle.html("");
}
else{
	option.element.attr("sta",validateSettings.isNull.state);
	option.succeedEle.removeClass(validateSettings.succeed.style);
}
}
,pwdstrength:function (){
	var element = $("#pwdstrength");
	var value = $("#pwd").val();
	if (value.length >= 6 && validateRules.isPwd(value)){
	$("#pwd_error").empty();
	element.show();
	var pattern_1 = /^.*([\W_])+.*$/i;
	var pattern_2 = /^.*([a-zA-Z])+.*$/i;
	var pattern_3 = /^.*([0-9])+.*$/i;
	var level = 0;
	if (value.length > 10){
	level++;
}
if (pattern_1.test(value)){
	level++;
}
if (pattern_2.test(value)){
	level++;
}
if (pattern_3.test(value)){
	level++;
}
if (level > 3){
	level = 3;
}
switch (level){
	case 1:element.removeClass().addClass("strengthA");
	break;
	case 2:element.removeClass().addClass("strengthB");
	break;
	case 3:element.removeClass().addClass("strengthC");
	break;
	default:break;
}
}
else{
	element.hide();
}
}
,checkGroup:function (elements){
	for (var i = 0;
	i < elements.length;
	i++){
	if (elements[i].checked){
	return true;
}
}
return false;
}
,checkSelectGroup:function (elements){
	for (var i = 0;
	i < elements.length;
	i++){
	if (elements[i].value == -1){
	return false;
}
}
return true;
}
,showPassword:function (type){
	var v1 = $("#pwd").val(),s1 = $("#pwd").attr("sta"),c1 = document.getElementById("pwd").className,t1 = $("#pwd").attr("tabindex");
	var v2 = $("#pwd2").val(),s2 = $("#pwd2").attr("sta"),c2 = document.getElementById("pwd2").className,t2 = $("#pwd2").attr("tabindex");
	var P1 = $("<input type='" + type + "' value='" + v1 + "' sta='" + s1 + "' class='" + c1 + "' id='pwd' name='pwd' tabindex='" + t1 + "'/>");
	$("#pwd").after(P1).remove();
	$("#pwd").bind("keyup",function (){
	validateFunction.pwdstrength();
}
).jdValidate(validatePrompt.pwd,validateFunction.pwd) var P2 = $("<input type='" + type + "' value='" + v2 + "' sta='" + s2 + "' class='" + c2 + "' id='pwd2' name='pwd2' tabindex='" + t2 + "'/>");
	$("#pwd2").after(P2).remove();
	$("#pwd2").jdValidate(validatePrompt.pwd2,validateFunction.pwd2);
}
,FORM_submit:function (elements){
	var bool = true;
	for (var i = 0;
	i < elements.length;
	i++){
	if ($(elements[i]).attr("sta") == 2){
	bool = true;
}
else{
	bool = false;
	break;
}
}
return bool;
}
}
;

CSS代码(style.css):

@charset "utf-8";/* reset */
*{margin:0;padding:0;list-style-type:none;}
a{blr:expression(this.onFocus=this.blur())}
/*鍘绘帀a鏍囩鐨勮櫄绾挎锛岄伩鍏嶅嚭鐜板鎬殑閫変腑鍖哄煙*/
:focus{outline:0;}
label{cursor:pointer;}
img{vertical-align:middle;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
h1{font-size:16px;}
h2,h3,h4{font-size:14px;}
h5,h6{font-size:12px;}
abbr,acronym{border:0;font-variant:normal}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
a,img{border:0;}
a,a:visited{color:#5e5e5e;text-decoration:none;}
a:hover{color:#4183C4;text-decoration:underline;}
.clear{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
body{font:12px/180% Arial,Lucida,Verdana,"瀹嬩綋",Helvetica,sans-serif;color:#333;background:#fff;}
/* shortcut */
.shortcut{position:fixed;top:0;left:0;z-index:9999;width:100%;}
*html,*html body /* 淇IE6鎸姩bug */
{background-image:url(about:blank);background-attachment:fixed;}
*html .shortcut{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
.shortcut{height:28px;line-height:28px;font-size:12px;background:#EEEEEE;text-transform:uppercase;box-shadow:1px 0px 2px rgba(0,0,0,0.2);border-bottom:1px solid #DDDDDD;}
.shortcut h1{font-size:14px;font-family:"寰蒋闆呴粦","瀹嬩綋";}
.shortcut a,.shortcut h1{padding:0px 10px;letter-spacing:1px;color:#333;text-shadow:0px 1px 1px #fff;display:block;float:left;}
.shortcut a:hover{background:#fff;}
.shortcut span.right{float:right;}
.shortcut span.right a{float:left;display:block;color:#ff6600;font-weight:800;}
.headeline{height:40px;overflow:hidden;}
.adv960x90{width:960px;height:90px;overflow:hidden;border:solid 1px #E6E6E6;margin:0 auto;}
.adv728x90{width:728px;height:90px;overflow:hidden;border:solid 1px #E6E6E6;margin:0 auto;}

附件:下载该文件资源,减少时间成本(增值服务)