`
it_iweb
  • 浏览: 9486 次
  • 性别: Icon_minigender_1
  • 来自: 天津
文章分类
社区版块
存档分类
最新评论

用户注册常用校验

 
阅读更多

校验详情:

1. 每个输入框,鼠标移入,移出时,跟随浮出信息提示(正确的数据输入格式)

2. 每个输入框,输入数据时,格式错误,输入框变红,输入框后给出红色文字提示;输入正确时,输入框变回之前样式,错误提示文字消失

3. 全部输入完毕或不输入任何数据直接点"注册"按钮时,对输入框,从上至下依次校验,如果全部正确,提交后台;

JS校验代码:

<span style="color:#CC0000;"><strong><span style="font-size:14px;">reg.js</span></strong></span>

function reg_input(e, str) {
	var oThis = arguments.callee;
	if (!str) {
		oThis.sug.style.visibility = 'hidden';
		document.onmousemove = null;
		return;
	}
	if (!oThis.sug) {
		var div = document.createElement('div'),
			css = 'top:0; left:0; position:absolute; z-index:100; visibility:hidden';
		div.style.cssText = css;
		div.setAttribute('style', css);
		var sug = document.createElement('div'),
			css = 'font:normal 12px/16px "宋体"; white-space:nowrap; color:#666; padding:3px; position:absolute; left:0; top:0; z-index:10; background:#f9fdfd; border:1px solid #0aa';
		sug.style.cssText = css;
		sug.setAttribute('style', css);
		var dr = document.createElement('div'),
			css = 'position:absolute; top:3px; left:3px; background:#333; filter:alpha(opacity=50); opacity:0.5; z-index:9';
		dr.style.cssText = css;
		dr.setAttribute('style', css);
		var ifr = document.createElement('iframe'),
			css = 'position:absolute; left:0; top:0; z-index:8; filter:alpha(opacity=0); opacity:0';
		ifr.style.cssText = css;
		ifr.setAttribute('style', css);
		div.appendChild(ifr);
		div.appendChild(dr);
		div.appendChild(sug);
		div.sug = sug;
		document.body.appendChild(div);
		oThis.sug = div;
		oThis.dr = dr;
		oThis.ifr = ifr;
		div = dr = ifr = sug = null;
	}
	var e = e || window.event,
		obj = oThis.sug,
		dr = oThis.dr,
		ifr = oThis.ifr;
	obj.sug.innerHTML = str;

	var w = obj.sug.offsetWidth,
		h = obj.sug.offsetHeight,
		dw = document.documentElement.clientWidth || document.body.clientWidth;
	dh = document.documentElement.clientHeight || document.body.clientHeight;
	var st = document.documentElement.scrollTop || document.body.scrollTop,
		sl = document.documentElement.scrollLeft || document.body.scrollLeft;
	var left = e.clientX + sl + 17 + w < dw + sl && e.clientX + sl + 15 || e.clientX + sl - 8 - w,
		top = e.clientY + st + 17 + h < dh + st && e.clientY + st + 17 || e.clientY + st - 5 - h;
	obj.style.left = left + 10 + 'px';
	obj.style.top = top + 10 + 'px';
	dr.style.width = w + 'px';
	dr.style.height = h + 'px';
	ifr.style.width = w + 3 + 'px';
	ifr.style.height = h + 3 + 'px';
	obj.style.visibility = 'visible';
	document.onmousemove = function(e) {
		var e = e || window.event,
			st = document.documentElement.scrollTop || document.body.scrollTop,
			sl = document.documentElement.scrollLeft || document.body.scrollLeft;
		var left = e.clientX + sl + 17 + w < dw + sl && e.clientX + sl + 15 || e.clientX + sl - 8 - w,
			top = e.clientY + st + 17 + h < dh + st && e.clientY + st + 17 || e.clientY + st - 5 - h;
		obj.style.left = left + 'px';
		obj.style.top = top + 'px';
	}
}

function user_reg() {
	if (document.getElementById('username').value == '') {
		document.getElementById('ulog').innerHTML = "<font color='red'>  用户名不能为空!</font>";
		return false;
	}
	var reg = new RegExp("^[_a-zA-Z0-9]{6,20}$");

	if (!reg.test(document.getElementById('username').value)) {
		document.getElementById('ulog').innerHTML = "<font color='red'>  用户名只能由6~20个字母数字组成!</font>";
		return false;
	}

	var reg1 = new RegExp("^[a-zA-Z]{6,20}$");

	if (reg1.test(document.getElementById('username').value)) {
		document.getElementById('ulog').innerHTML = "<font color='red'>  用户名只能由6~20个字母数字组成,且至少含有1个数字!</font>";
		return false;
	}
	var reg2 = new RegExp("^[0-9]{6,20}$");

	if (reg2.test(document.getElementById('username').value)) {
		document.getElementById('ulog').innerHTML = "<font color='red'>  用户名只能由6~20个字母数字组成,且至少含有1个字母!</font>";
		return false;
	}
	document.getElementById('ulog').innerHTML = "";
	return true;
}

function pass_reg() {
	if (document.getElementById('password').value == '') {
		document.getElementById('plog').innerHTML = "<font color='red'>  密码不能为空!</font>";
		return false;
	}

	if (document.getElementById('password').value == document
		.getElementById('username').value) {
		document.getElementById('plog').innerHTML = "<font color='red'>  密码不能与用户名相同!</font>";
		return false;
	}
	var reg = new RegExp("^[_a-zA-Z0-9]{6,20}$");

	if (!reg.test(document.getElementById('password').value)) {
		document.getElementById('plog').innerHTML = "<font color='red'>  密码只能由6~20个字母数字组成!</font>";
		return false;
	}
	var reg11 = new RegExp("^[a-zA-Z]{6,20}$");

	if (reg11.test(document.getElementById('password').value)) {
		document.getElementById('plog').innerHTML = "<font color='red'>  密码只能由6~20个字母数字组成,且至少含有1个数字!</font>";
		return false;
	}
	var reg21 = new RegExp("^[0-9]{6,20}$");

	if (reg21.test(document.getElementById('password').value)) {
		document.getElementById('plog').innerHTML = "<font color='red'>  密码只能由6~20个字母数字组成,且至少含有1个字母!</font>";
		return false;
	}
	document.getElementById('plog').innerHTML = "";
	return true;
}

function newpass_reg() {
	if (document.getElementById('newPassword').value == '') {
		document.getElementById('nplog').innerHTML = "<font color='red'>  确认密码不能为空!</font>";
		return false;
	}
	if (document.getElementById('newPassword').value != document
		.getElementById('password').value) {
		document.getElementById('nplog').innerHTML = "<font color='red'>  两次密码不一致!</font>";
		return false;
	}
	document.getElementById('nplog').innerHTML = "";
	return true;
}

function email_reg() {
	if (document.getElementById('email').value == '') {
		document.getElementById('elog').innerHTML = "<font color='red'>  邮箱不能为空!</font>";
		return false;
	}
	if (!isEmail(document.getElementById('email').value)) {
		document.getElementById('elog').innerHTML = "<font color='red'>  电子邮箱格式不正确!</font>";
		return false;
	}
	document.getElementById('elog').innerHTML = "";
	return true;
}

function code_reg() {
	if (document.getElementById('code').value == '') {
		document.getElementById('clog').innerHTML = "<font color='red'> * 验证码不能为空!</font>";
		return false;
	}
	document.getElementById('clog').innerHTML = "";
	return true;
}

function tel_reg() {
	if (document.getElementById('tel').value != '') {
		var telephone = document.getElementById('tel').value;
		var reg11 = /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
		// 手机,固话同时验证
		if (!reg11.test(telephone)) {
			document.getElementById('tlog').innerHTML = "<font color='red'> * 请输入正确的固话或11位手机号码!</font>";
			return false;
		}
	}
	document.getElementById('tlog').innerHTML = "";
	return true;
}

function ent_reg() {
	if (document.getElementById("enterprise") == '') {
		document.getElementById("entlog").innerHTML = "<font color='red'>  单位不能为空!</font>";
		return false;
	}
	document.getElementById('entlog').innerHTML = "";
	return true;
}

function pro_reg() {
	if (document.getElementById("provinceId") == '') {
		document.getElementById("prolog").innerHTML = "<font color='red'>  单位不能为空!</font>";
		return false;
	}
	document.getElementById('prolog').innerHTML = "";
	return true;
}

function isEmail(strEmail) {
	if (strEmail
		.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
		return true;
	else
		return false;
}

function nor_reg() {
	if (user_reg() && pass_reg() && newpass_reg() && email_reg() && code_reg() && tel_reg()) {
		return true;
	} else {
		return false;
	}
}

function stu_reg() {
	if (user_reg() && pass_reg() && newpass_reg() && email_reg() && code_reg() && tel_reg() && ent_reg()) {
		return true;
	} else {
		return false;
	}
}

注册页面代码: 

<span style="color:#CC0000;"><strong><span style="font-size:14px;">regist.html</span></strong></span>

<!DOCTYPE html>

<head>
	<meta charset="utf-8">
	<title>reg html</title>

	<link rel="stylesheet" type="text/css" href="<%=staticfilePath%>css/saas/dljzptStyleIE.css" />
	<style type="text/css">
		.mask_iframe {
			border: 0px;
			padding: 0px;
			margin: 0px;
			position: absolute;
			height: 100%;
			width: 100%;
			background-color: black;
			z-index: -1;
			opacity: .70;
			filter: alpha(opacity=70);
		}
		.maskbg {
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index: 1001;
			opacity: .70;
			filter: alpha(opacity=70);
		}
		#show {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -16px;
			margin-left: -16px;
			z-index: 1002;
			opacity: 1;
			filter: alpha(opacity=100);
		}
	</style>
	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/reg.js"></script>
	<script type="text/javascript">
		function changeCode() {
			var img = document.getElementById('imgCode');
			img.src = "<%=basePath%>" + "CodeServlet?cache=" + (new Date());
		}
	</script>
	<script type="text/javascript">
		function createHttpRequest() {
			if (window.XMLHttpRequest) {
				this.xmlHttp = new XMLHttpRequest();
			} else if (window.ActiveXObject) {
				try {
					this.xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
				} catch (e) {
					try {
						this.xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
					} catch (e) {}
				}
			}
		}

		function sendRequest(url, method, data, handle, flag, mask) {
			url = url ? url : "";
			if (url == "") {
				return;
			}
			if (mask) {
				document.getElementById('bg').style.display = 'block';
			}
			flag = flag === false ? false : true;
			method = method ? method : "get";
			data = data ? data : null;
			var xmlHttp = new createHttpRequest();
			var handleResponse = handle ? function() {
				if (xmlHttp.xmlHttp.readyState == 4) {
					if (xmlHttp.xmlHttp.status == 200) {
						//alert(xmlHttp.xmlHttp.responseText);
						try {
							var o = eval("(" + xmlHttp.xmlHttp.responseText + ")");
						} catch (e) {
							alert(url);
						}
						//alert(o.message.message);
						handle(xmlHttp.xmlHttp);
					} else {
						//alert("您的页面有异常");
					}
				}
			} : function() {
				if (xmlHttp.xmlHttp.readyState == 4) {
					if (xmlHttp.xmlHttp.status == 200) {
						try {
							var o = eval("(" + xmlHttp.xmlHttp.responseText + ")");
							if (o.message.success) {} else {
								//alert(o.message.message);
							}
						} catch (e) {
							alert(xmlHttp.xmlHttp.responseText);
						}

					} else {
						//alert("您的页面有异常");
					}
				}
			};
			xmlHttp.xmlHttp.onreadystatechange = handleResponse;
			xmlHttp.xmlHttp.open(method, url, flag);
			xmlHttp.xmlHttp.setRequestHeader('Content-Type', 'application/application/json');
			xmlHttp.xmlHttp.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
			setTimeout(function() {
				xmlHttp.xmlHttp.send(data)
			}, 0);
		}
		var ps = '';

		function register(e) {
			e = e ? e : window.event;
			if (!stu_reg()) {
				return;
			}
			ps = '{username:"' + document.getElementById('username').value;
			ps += '",password:"' + document.getElementById('password').value;
			ps += '",newPassword:"' + document.getElementById('newPassword').value;
			ps += '",truename:"' + document.getElementById('truename').value;
			ps += '",telephone:"' + document.getElementById('tel').value;
			ps += '",email:"' + document.getElementById('email').value;
			ps += '",yzm:"' + document.getElementById('code').value;
			ps += '",sshy:"' + document.getElementById('sshy').value;
			ps += '",provinceId:"' + document.getElementById('provinceId').value;
			ps += '",enterprise:"' + document.getElementById('enterprise').value;
			ps += '"}';
			sendRequest("<%=basePath%>" + 'tr_UsersAction.do?method=userRegister', 'post', ps, register_handler, true, true);
		}

		function register_nomal(e) {
			e = e ? e : window.event;
			if (!nor_reg()) {
				return;
			}
			ps = '{username:"' + document.getElementById('username').value;
			ps += '",password:"' + document.getElementById('password').value;
			ps += '",newPassword:"' + document.getElementById('newPassword').value;
			ps += '",truename:"' + document.getElementById('truename').value;
			ps += '",telephone:"' + document.getElementById('tel').value;
			ps += '",email:"' + document.getElementById('email').value;
			ps += '",yzm:"' + document.getElementById('code').value;
			ps += '",sshy:"' + document.getElementById('sshy1').value;
			ps += '"}';
			sendRequest("<%=basePath%>" + 'HomePageAction.do?method=saveRegister', 'post', ps, register_handler, true, true);
		}

		function register_handler(xmlHttp) {
			document.getElementById('bg').style.display = 'none';
			var o = eval("(" + xmlHttp.responseText + ")");
			if (o.success) {
				//document.getElementById('top_div').innerHTML='注册成功,正在登陆...';
				document.getElementById('register_form').submit();
			} else {
				alert(o.message);
			}
		}

		function keySubmit(event) {
			var evt = (event) ? event : ((window.event) ? window.event : "") //兼容IE和Firefox获得keyBoardEvent对象
			var key = event.keyCode ? evt.keyCode : event.which; //兼容IE和Firefox获得keyBoardEvent对象的键值
			if (evt.keyCode == 13) {
				register(evt);
			}
		}

		function isEmail(strEmail) {
			if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
				return true;
			else
				return false;
		}



		function regsub() {
			var nor = document.getElementById('nor').checked;
			var stu = document.getElementById('nor1').checked;
			if (nor) {
				register_nomal();
			}
			if (stu) {
				register();
			}
		}

		function regtype() {
			var nor = document.getElementById('nor').checked;
			var stu = document.getElementById('nor1').checked;
			var stu1 = document.getElementById('stu1');
			var stu2 = document.getElementById('stu2');
			var stu3 = document.getElementById('stu3');
			var stu4 = document.getElementById('stu4');
			var stu5 = document.getElementById('stu5');
			stu1.style.display = nor ? "none" : "";
			stu2.style.display = nor ? "none" : "";
			stu3.style.display = nor ? "none" : "";
			stu4.style.display = nor ? "none" : "";
			stu5.style.display = nor ? "" : "none";
		}

		function input_over(e) {
			var e = e ? e : window.event;
			var s = e.target ? e.target : e.srcElement;
			if (s.className.indexOf("input_focus") == -1) {
				s.className = "input_over";
			}
		}

		function input_out(e) {
			var e = e ? e : window.event;
			var s = e.target ? e.target : e.srcElement;
			if (s.className.indexOf("input_focus") == -1) {
				s.className = "";
			}
		}

		function input_focus(e) {
			var e = e ? e : window.event;
			var s = e.target ? e.target : e.srcElement;
			s.className = "input_focus";
		}

		function input_blur(e) {
			var e = e ? e : window.event;
			var s = e.target ? e.target : e.srcElement;
			s.className = "";
		}
	</script>
	<script type="text/javascript" language="javascript">
		 //获取IP
		$(document).ready(function() {
			$.post("<%=basePath%>" + 'IpdataAction.do?method=getip', {
				ip: '<%=request.getRemoteAddr()%>'
			}, function(data) {
				var jsonObj = eval("(" + data + ")"); //获取data转化成json
				if (jsonObj.length > 0) {
					$("#provinceId option[value='" + jsonObj[0].countryid + "']").attr("selected", true); //修改默认值
				}
			});
		});
	</script>
	<script type="text/javascript">
		$(document).ready(function() {
			$("#username").bind('blur', function() {
				if (user_reg()) {
					$("#username").css("border-color", "#b5b5b5");
					var params = {
						username: $("#username").val()
					};
					$.ajax({
						url: "<%=basePath%>" + 'HomePageAction.do?method=checkUsername',
						data: params,
						type: 'post',
						dataType: 'json',
						success: function(data) {
							if (data.success == false) {
								$("#username").css("border-color", "red");
								document.getElementById('ulog').innerHTML = "<font color='red'> * 用户名已存在!</font>";
							} else {
								$("#username").css("border-color", "#b5b5b5");
							}
						},
						error: function() {
							alert("用户名验证失败");
						}
					});
				} else {
					$("#username").css("border-color", "red");
					return;
				}

			});
			$("#email").bind('blur', function() {
				if (email_reg()) {
					$("#email").css("border-color", "#b5b5b5");
					var params = {
						email: $("#email").val()
					};
					$.ajax({
						url: "<%=basePath%>" + 'HomePageAction.do?method=checkUserEmail',
						data: params,
						type: 'post',
						dataType: 'json',
						success: function(data) {
							if (data.success == false) {
								$("#email").css("border-color", "red");
								document.getElementById('elog').innerHTML = "<font color='red'> * 邮箱已经被使用!</font>";
							}
						},
						error: function() {
							alert("邮箱验证失败");
						}
					});
				} else {
					$("#email").css("border-color", "#b5b5b5");
					return;
				}
			});
			$("#password").bind('blur', function() {
				if (!pass_reg()) {
					$("#password").css("border-color", "red");
				} else {
					$("#password").css("border-color", "#b5b5b5");
				}
			});
			$("#newPassword").bind('blur', function() {
				if (!newpass_reg()) {
					$("#newPassword").css("border-color", "red");
				} else {
					$("#newPassword").css("border-color", "#b5b5b5");
				}
			});
			$("#code").bind('blur', function() {
				if (!code_reg()) {
					$("#code").css("border-color", "red");
				} else {
					$("#code").css("border-color", "#b5b5b5");
				}
			});
			$("#tel").bind('blur', function() {
				if (!tel_reg()) {
					$("#tel").css("border-color", "red");
				} else {
					$("#tel").css("border-color", "#b5b5b5");
				}
			});
		});
	</script>
	<style type="text/css">
		select {
			background: url(...) repeat-x top left;
			height: 24px;
			line-height: 24px;
			vertical-align: middle;
			border: 1px solid #b5b5b5;
			font-size: 14px;
			vertical-align: middle;
		}
		option {
			vertical-align: middle;
			height: 24px;
			line-height: 24px;
			font-size: 14px;
		}
	</style>
</head>

<body>

	<jsp:include page="top.jsp"></jsp:include>
	<div id="top_tihuan"></div>

	<div>
		<form>
			<table align="center">
				<tr>
					<td height="40px" valign="center" align="right">注册类型:</td>
					<td height="40px" width="500px" valign="center" align="left" style="vertical-align: middle;">
						<input type="radio" name="type" id="nor" checked="checked" onchange="regtype()" onclick="regtype()">
						<label style="height: 40px;">AA</label>
						<input type="radio" name="type" id="nor1" onchange="regtype()" onclick="regtype()">
						<label>BB</label>
					</td>
				</tr>
				<tr>
					<td height="40px" valign="center" align="right">用户名:</td>
					<td height="40px" valign="center" align="left">
						<input type="text" size="26" maxlength="20" id="username" style="width:160px;" name="j_username" onmouseover="reg_input(event,' 6~20个字母或数字（至少包含一个字母和一个数字）')" onmouseout="reg_input(event, 0)"><span style="color:red;margin-left:10px;">*</span><span id="ulog" style="margin-left:10px;"></span>
					</td>
				</tr>

				<tr>
					<td height="40px" valign="center" align="right">密码:</td>
					<td height="40px" valign="center" align="left">
						<input id="password" name="j_password" maxlength="20" type="password" style="width:160px;" onmouseover="reg_input(event,' 6~20个字母和数字（至少包含一个字母和一个数字并且密码和用户名不能相同）')" onmouseout="reg_input(event, 0)"><span style="color:red;margin-left:10px;">*</span><span id="plog"></span>
					</td>
				</tr>

				<tr>
					<td height="40px" valign="center" align="right">确认密码:</td>
					<td height="40px" valign="center" align="left">
						<input id="newPassword" name="newPassword" maxlength="20" type="password" style="width:160px;" size="26" onmouseover="reg_input(event,'和密码一致')" onmouseout="reg_input(event, 0)"><span style="color:red;margin-left:10px;">*</span><span id="nplog"></span>
					</td>
				</tr>
				<tr>
					<td height="40px" valign="center" align="right">邮箱:</td>
					<td height="40px" valign="center" align="left">
						<input type="text" size="26" style="width:160px;" id="email" name="email" onmouseover="reg_input(event,' 如：ht@haotian.com,用作找回密码,请保证邮箱格式的准确性')" onmouseout="reg_input(event, 0)"><span style="color:red;margin-left:10px;">*</span><span id="elog"></span>
					</td>
				</tr>
				<tr id="stu1">
					<td height="40px" valign="center" align="right">QQ:</td>
					<td height="40px" valign="center" align="left">
						<input type="text" size="26" class="post_input" style="width:160px;" id="qqnum" name="qqnum" onmouseover="reg_input(event,' 方便实训老师和您沟通,请输入常用的QQ号码!')" onmouseout="reg_input(event, 0)">
					</td>
				</tr>
				<tr>
					<td height="40px" valign="center" align="right">真实姓名:</td>
					<td height="40px" valign="center" align="left">
						<input type="text" size="26" class="post_input" style="width:160px;" id="truename" name="truename" onmouseover="reg_input(event,' 请输入真实姓名!')" onmouseout="reg_input(event, 0)">
					</td>
				</tr>
				<tr>
					<td height="40px" valign="center" align="right">电话:</td>
					<td height="40px" valign="center" align="left">
						<input type="text" size="26" class="post_input" style="width:160px;" id="tel" name="telephone" onmouseover="reg_input(event,' 方便实训老师和您沟通,请输入正确的固话或11位手机号码!')" onmouseout="reg_input(event, 0)"><span id="tlog"></span>
					</td>
				</tr>

				<tr id="stu2">
					<td height="40px" valign="center" align="right">单位:</td>
					<td height="40px" valign="center" align="left">
						<input type="text" size="26" style="width:160px;" id="enterprise" name="enterprise" onmouseover="reg_input(event,' 如：XX学校、XX学院')" onmouseout="reg_input(event, 0)"><span style="color:red;margin-left:10px;">*</span><span id="entlog"></span>
					</td>
				</tr>
				<tr id="stu3">
					<td height="40px" valign="center" align="right">省份:</td>
					<td height="40px" valign="center" align="left">
						<select name="provinceId" id="provinceId" style="width: 160px;">
							<option value="D24">
								上海
							</option>
							<option value="D22">
								北京
							</option>
							<option value="D26">
								重庆
							</option>
							<option value="D25">
								天津
							</option>
							<option value="D18">
								新疆
							</option>
							<option value="D19">
								广西
							</option>
							<option value="D20">
								西藏
							</option>
							<option value="D21">
								宁夏
							</option>
							<option value="D23">
								黑龙江省
							</option>
							<option value="D1">
								辽宁省
							</option>
							<option value="D29">
								河北省
							</option>
							<option value="D30">
								山西省
							</option>
							<option value="D31">
								陕西省
							</option>
							<option value="D32">
								甘肃省
							</option>
							<option value="D33">
								青海省
							</option>
							<option value="D17">
								内蒙古
							</option>
							<option value="D16">
								广东省
							</option>
							<option value="D2">
								安徽省
							</option>
							<option value="D3">
								江苏省
							</option>
							<option value="D4">
								浙江省
							</option>
							<option value="D5">
								河南省
							</option>
							<option value="D6">
								湖北省
							</option>
							<option value="D7">
								湖南省
							</option>
							<option value="D8">
								江西省
							</option>
							<option value="D9">
								台湾省
							</option>
							<option value="D15">
								贵州省
							</option>
							<option value="D14">
								四川省
							</option>
							<option value="D13">
								海南省
							</option>
							<option value="D12">
								吉林省
							</option>
							<option value="D11">
								云南省
							</option>
							<option value="D10">
								福建省
							</option>
							<option value="D34">
								山东省
							</option>
							<option value="D28">
								澳门
							</option>
							<option value="D27">
								香港
							</option>
						</select>
						<span style="color:red;margin-left: 10px;">*</span><span id="prolog"></span>
						<input type="hidden" id="ip" name="ip" value="<%=ip %>" />
					</td>
				</tr>

				<tr>
					<td height="40px" valign="center" align="right">验证码:</td>
					<td height="40px" valign="center" align="left">
						<input type="text" size="8" id="code" name="code" onmouseover="reg_input(event,' 请准确输入右侧图片中的验证码!')" onmouseout="reg_input(event, 0)">
						<a href="javascript:changeCode();">

										<img style="margin-left:15px;" align="absmiddle" id="imgCode" src="<%=basePath%>CodeServlet">

									</a>
						<span id="clog" style="margin-left:34px;"></span>
					</td>
				</tr>

				<tr id="stu4">
					<td height="40px" valign="center" align="right">所属行业:</td>
					<td height="40px" valign="center" align="left">
						<select id="sshy" name="sshy" style="width:160px;">
							<option value="教育">教育</option>
						</select>
						<input type="hidden" name="mkxz" value="yymk">
					</td>
				</tr>
				<tr id="stu5">
					<td height="40px" valign="center" align="right">所属行业:</td>
					<td height="40px" valign="center" align="left">
						<select id="sshy1" name="sshy1" style="width:160px;">
							<option value="IT/通信/电子/互联网">IT/通信/电子/互联网</option>
							<option value="金融业">金融业</option>
							<option value="房地产/建筑业">房地产/建筑业</option>
							<option value="商业服务">商业服务</option>
							<option value="造纸及纸制品/印刷业">造纸及纸制品/印刷业</option>
							<option value="贸易/批发/零售业">贸易/批发/零售业</option>
							<option value="文教体育/工艺美术">文教体育/工艺美术</option>
							<option value="加工制造/仪表设备">加工制造/仪表设备</option>
							<option value="交通运输仓储">交通运输仓储</option>
							<option value="制药医疗/生物/卫生保健">制药医疗/生物/卫生保健</option>
							<option value="教育">教育</option>
							<option value="酒店/餐饮/旅游">酒店/餐饮/旅游</option>
							<option value="文化/体育/娱乐业">文化/体育/娱乐业</option>
							<option value="能源/电气/采掘/地质/石油加工">能源/电气/采掘/地质/石油加工</option>
							<option value="政府/非盈利机构">政府/非盈利机构</option>
							<option value="农林牧渔/其他">农林牧渔/其他</option>
						</select>
						<input type="hidden" name="mkxz" value="yymk">
					</td>
				</tr>
				<tr>
					<td></td>
					<td><a href="javascript:regsub();" onmouseover="this.style.backgroundPosition='0 -31px'" onmouseout="this.style.backgroundPosition='0 0'" onmousedown="this.style.backgroundPosition='0 -62px'" onmouseup="this.style.backgroundPosition='0 -31px'">注册 </a>
					</td>
				</tr>

			</table>
		</form>
	</div>

	<jsp:include page="bottom.jsp"></jsp:include>
	<script type="text/javascript">
		regtype();
	</script>
</body>

</html>



分享到：
内存溢出
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    注册时常用验证正则表达式

    注册时常用验证正则表达式觉 注册时常用验证正则表达式

    正则表达式校验

    搜集了常用的用户注册输入是否合法、输入类型是否合法、输入格式等一下正则表达式的用法。

    jsvalidation 强大而灵活的表单客户端验证框架

    表单验证在这些开发中很常见：新用户注册，需要校验某些字段；用户登陆，需要校验；等等。在这之前，页面开发者（JavaScript开发者）需要编写大量的JavaScript来与表单对象交互，并进行校验。常见的校验如不能为空，...

    Python程序设计：常用匹配规则.pptx

    邮箱具有一定的规则，在用户注册邮箱时，必须遵守这些规则。正则表达式是一个特殊的字符序列，它能方便的检查一个字符串是否与某种模式匹配，利用正则可以快速准确的对邮箱进行校验。 任务 邮箱验证 任务知识点 正则...

    微信小程序实现表单校验功能

    但是，作为一个非简单静态页面，有着较多用户交互的小程序，表单校验又是一个非常常用的功能：登录、注册、新增、编辑… 总而言之：表单组件的多样性 X 校验规则的多样性 = 复杂的公共业务 这么棘手的问题我们怎么来

    JSValidation-----强大而灵活的表单客户端验证框架

    表单验证在这些开发中很常见：新用户注册，需要校验某些字段；用户登陆，需要校验；等等。在这之前，页面开发者（JavaScript开发者）需要编写大量的JavaScript来与表单对象交互，并进行校验。常见的校验如不能为空，...

    微信小程序之表单校验

    但是，作为一个非简单静态页面，有着较多用户交互的小程序，表单校验又是一个非常常用的功能：登录、注册、新增、编辑… 总而言之：表单组件的多样性 X 校验规则的多样性 = 复杂的公共业务 这么棘手的问题我们怎么来...

    JavaScript表单常用验证集合

    JavaScript表单验证年龄 JavaScript表单验证年龄，判断一个输入量是否符合年龄，通过正则表达式实现。 //检查年龄 function isAge(str){ var mydate=new Date; var now=mydate.getFullYear();...

    jQuery几种表单的验证

    本资源是用jQuery制作的几种常用表单验证，比如用户注册的详细信息的验证。

    BK-UART串口API的分析与使用

    UART 使用指南 UART （基于BeKen系列芯片） 概述 UART (Universal Asynchronous Receiver and Transmitter) BK7238 包括两个通用异步收发器（UART）接口，可提供波特...产生 UART中断之后，会调用用户注册的callback。

    Python程序设计：邮箱验证（案例）.pptx

    邮箱具有一定的规则，在用户注册邮箱时，必须遵守这些规则。正则表达式是一个特殊的字符序列，它能方便的检查一个字符串是否与某种模式匹配，利用正则可以快速准确的对邮箱进行校验。 任务 邮箱验证 任务目标 理解...

    SSM框架实现用户登录注册,增删改查，分页查询，拦截器等技术

    主要使用到的技术：Spring+SpringMVC+MyBatis+MySql+BootStrap+Ajax校验用户名密码+拦截器+文件上传+日期转换。使用的jdk是1.8.0+Tomcat7，都很常用，jar包都在压缩包里面，导进项目，配置jdk，Tomcat就能运行。

    web前端开发教程之编写简洁的页面表单验证程序

    看了山人表单验证，又看了其他一些验证程序和相关的一些参考资料，写出了一个比较...整个程序的结构及较简单，为了能够验证一些常用的格式，先对js的内置对象进行了扩展。比如： String.prototype.isUrl = function(){

    常用JavaScript正则表达式汇编与示例详解

    在做用户注册时，都会用到用户名正则校验。 定义基本用户名命名规则如下： 最短4位，最长16位 {4,16} 可以包含小写大母 [a-z] 和大写字母 [A-Z] 可以包含数字 [0-9] 可以包含下划线 [ _ ] 和减号

    Python程序设计：正则表达式检索与替换.pptx

    邮箱具有一定的规则，在用户注册邮箱时，必须遵守这些规则。正则表达式是一个特殊的字符序列，它能方便的检查一个字符串是否与某种模式匹配，利用正则可以快速准确的对邮箱进行校验。 任务 邮箱验证 任务知识点 正则...

    基于MVVM+View 2D、3D的模板应用.zip

    用户注册和修改———————√ 在我身上——————————–√ 国际奥委会———————————-√ 数据加密(MD5、DES)—————-√ MedicalReport界面布局——————–√ 用户身份校验———————–×...

    asp.net学习大全(超全面的资料整合)

    ASP.NET程序中实现校验码图像生成.txt ASP.NET导出EXCEL类.txt ASP.NET导出数据到Excel.txt ASP.NET对IIS中的虚拟目录进行操作.txt asp.net里导出excel表方法汇总.txt ASP.NET文件上传程序的源代码.txt Asp.Net中文...

    ASP.NET学习大全

    ASP.NET程序中实现校验码图像生成.txt ASP.NET导出EXCEL类.txt ASP.NET导出数据到Excel.txt ASP.NET对IIS中的虚拟目录进行操作.txt asp.net里导出excel表方法汇总.txt ASP.NET文件上传程序的源代码.txt Asp.Net中文...

    乘风广告联盟系统 v5.8 access版.zip

    6.强大的防作弊功能:IP防作弊,Cookie校验,且后台有强大的防作弊查询功能,让作弊用户无处遁形。 7.可以限定推广链接只有发布在指定网站上或用户已经通过审核的网站上。 8.记录每天,每小时详细的广告显示量和点击量...

    C#公共通用类

    提供用户硬件唯一信息的辅助类(FingerprintHelper.cs) 读取指定盘符的硬盘序列号（HardwareInfoHelper.cs） 提供访问键盘当前状态的属性(KeyboardHelper.cs) 全局键盘钩子。这可以用来在全球范围内捕捉键盘输入。...

Magicbox
Global site tag (gtag.js) - Google Analytics