register.jsp
来自「移动彩信管理平台」· JSP 代码 · 共 280 行
JSP
280 行
<%@ page contentType="text/html;charset=utf-8" %>
<%@ include file="../common/taglibs.jsp" %>
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>创建用户页</title>
<link href="${webctx}/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var XMLHttpReq = false;
function createXMLHttpRequest() {
if(window.XMLHttpRequest) {
XMLHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
try {
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
alert("create object fail");
}
}
}
}
function processResponse() {
if (XMLHttpReq.readyState == 4) {
if (XMLHttpReq.status == 200) {
validName();
} else {
alert("请求发生异常,请重试.");
}
}
}
//去除所有空格TrimAll
function TrimAll(inputStr){
return inputStr.replace(/(\s*)/g,"");
}
//去除前后空格Trim
function Trim(inputStr){
return inputStr.replace(/(^\s*)|(\s*$)/g,"");
}
function f(type){//检测名称
var rand;
var loginname = TrimAll(document.getElementById("loginname").value);
var units = TrimAll(document.getElementById("units").value);
if(type=='1'){
var errObj=document.getElementById("msg");
if(loginname.length==0||loginname.length>16){
errObj.innerHTML="<font color='red'>用户名在16个英文字母以内</font>";
document.getElementById("loginname").value="";
return false;
}
if(!(/^[a-zA-Z]+$/.test(loginname))) {
errObj.innerHTML="<font color='red'>该输入信息只能是字母！</font>";
document.getElementById("loginname").value="";
return false;
}
var name=TrimAll(document.getElementById("loginname").value);
}else if(type=='2'){
// alert("units is 1 >>>"+units);
var errObj = document.getElementById("msg");
if(units.length==0||units.length>50){
errObj.innerHTML="<font color='red'>单位名在50个中文字以内</font>";
document.getElementById("units").value="";
return;
}
// alert("units is 2 >>>"+units);
if(!(/[\u4E00-\u9FA5]/.test(units))){
// alert("units is 3 >>>"+units);
errObj.innerHTML="<font color='red'>单位名须带中文字</font>";
document.getElementById("units").value="";
return false;
}
var name=TrimAll(document.getElementById("units").value);
}
var url="checkUserPassport.do?name="+name+"&type="+type+"&rand"+Math.round(Math.random()*10000);
send(url);
}
function send(url) {//异步传输
createXMLHttpRequest();
XMLHttpReq.open("GET", url, true);
XMLHttpReq.onreadystatechange = processResponse;
XMLHttpReq.send(null);
}
function check_Username(){
var name =TrimAll(document.getElementById("username").value);
if(name.length==0||name.length>8){
document.getElementById("msg").innerHTML="<font color='red'>用户姓名在8中文字以内</font>";
document.getElementById("username").value="";
return false;
}
if(!(/[\u4E00-\u9FA5]/.test(name))){
// alert("name is "+name);
document.getElementById("msg").innerHTML="<font color='red'>用户姓名须带中文</font>";
document.getElementById("username").value="";
return false;
}
}
function check(){//检测
var msg = document.getElementById("msg");
var loginname = TrimAll(document.getElementById("loginname").value);
var password = TrimAll(document.getElementById("password").value);
var password2 = TrimAll(document.getElementById("password2").value);
var units = TrimAll(document.getElementById("units").value);
var sel = TrimAll(document.getElementById("sel").value);
var username = TrimAll(document.getElementById("username").value);
if(loginname.length==0){//16 英文
msg.innerHTML="<font color='red'>登录名不能为空!</font>";
return false;
} else if(username.length==0){
msg.innerHTML="<font color='red'>请输入用户姓名！</font>";
return false;
}
else if(!(password.length>5&&password.length<17)){
msg.innerHTML="<font color='red'>密码长度在6位与16位之间</font>";
return false;
} else if(password!=password2){
msg.innerHTML="<font color='red'>二次密码输入不一样!</font>";
return false;
} else if(units.length==0){
msg.innerHTML="<font color='red'>请输入单位名！</font>";
return false;
}else if(sel.length==0){
msg.innerHTML="<font color='red'>请选择用户类型！</font>";
return false;
}
document.frm.submit();
}
function validName(){//响应处理函数
var flag=XMLHttpReq.responseText;
var errObj=document.getElementById("msg");
if(flag==1){
errObj.innerHTML="<font color='red'>此登录名已存在，请重新选择</font>";
document.getElementById("loginname").value="";
}else if(flag==0){
errObj.innerHTML="<font color='green'>恭喜，此登录名可用</font>";
}else if(flag==3){
errObj.innerHTML="<font color='red'>此单位名已存在，请重新选择</font>";
document.getElementById("units").value="";
}else if(flag==2){
errObj.innerHTML="<font color='green'>恭喜，此单位名可用</font>";
}else {
errObj.innerHTML="请求异常";
}
}
function option_chang(str){
// var msg = document.getElementById("user_type");
if(str==""){
document.getElementById('diqu').style.display = "none";
document.getElementById('lanmu').style.display = "none";
}
if(str=="1"){
document.getElementById('diqu').style.display = "block";
document.getElementById('lanmu').style.display = "none";
}else if(str=="2"){
if(document.getElementById('diqu').style.display = "block"){
document.getElementById('diqu').style.display = "none";
} if(document.getElementById('lanmu').style.display = "block"){
document.getElementById('lanmu').style.display = "none";
}
}else if(str=="3"){
if(document.getElementById('diqu').style.display = "block"){
document.getElementById('diqu').style.display = "none";
} if(document.getElementById('lanmu').style.display = "block"){
document.getElementById('lanmu').style.display = "none";
}
}else if(str=="4"){
if(document.getElementById('diqu').style.display = "block"){
document.getElementById('diqu').style.display = "none";
} if( document.getElementById('lanmu').style.display = "none"){
document.getElementById('lanmu').style.display = "block"
}
//window.location.href=str;
}
}
</script>
</head>
<body>
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="8" align="left"><img src="${webctx}/images/pny_01.jpg" width="8" height="25" /></td>
<td width="80" align="center" background="${webctx}/images/pny_bg.gif" class="psize3">创建用户</td>
<td width="8" align="right"><img src="${webctx}/images/pny_02.jpg" width="8" height="25" /></td>
</tr>
</table></td>
</tr>
</table>
<table width="98%" border="0" cellspacing="1" cellpadding="4" style="border:1px solid #5C92B7;">
<tr>
<td height="20" align="center" bgcolor="#FFFFFF">
<div id="msg" align="center"> </div>
<form name="frm" action="${webctx}/registrUser.do" method="post">
<table width="99%" border="0" cellspacing="1" cellpadding="4" style="border:1px solid #5C92B7;">
<tr>
<td height="20" colspan="8" align="left" bgcolor="#CEE8EA" >
登录名称：
<input size="20" maxLength="16" id="loginname" type="text" name="userPassport" onblur="f('1');"/>
<font color="red">*</font> <font color="#191970" style="font-size:9pt">登录名为16个英文字母内</font>
</td>
</tr>
<tr>
<td height="20" colspan="8" align="left" bgcolor="#F3F3F3" >
用户姓名：
<input id="username" type="text" name="username" onblur="check_Username();"/>
<font color="red">*</font>
<font color="#191970" style="font-size:9pt">用户姓名为8中文字以内</font>
</td>
</tr>
<tr>
<td height="20" colspan="8" align="left" bgcolor="#CEE8EA">
密 码：
<input id="password" type="password" name="userPassword"/>
<font color="red">*</font>
</td>
</tr>
<tr>
<td height="20" colspan="8" align="left" bgcolor="#F3F3F3">
密码确认：
<input id="password2" type="password" name="password2"/>
<font color="red">*</font>
</td>
</tr>
<tr>
<td height="20" colspan="8" align="left" bgcolor="#CEE8EA" >
单位名称：
<input id="units" type="text" name="userCompany" onblur="f('2');"/>
<font color="red">*</font>
<font color="#191970" style="font-size:9pt">单位名在50个中文字以内</font>
</td>
</tr>
<tr>
<td height="20" colspan="8" align="left" bgcolor="#F3F3F3">
用户类型：<span class="psize4">
<s:select id="sel" theme="simple" name="userType" list="listType" listKey="code" listValue="name" headerKey="" headerValue="--请选择用户类型--" cssStyle="WIDTH: 130px" onchange="option_chang(this.value)"></s:select>
</span>
<font color="red">*</font>
<div id="diqu" style="display:none">
选择地区：
<s:select id="ad" theme="simple" name="address" list="listAddress" listKey="code" listValue="name" headerKey="" headerValue="--请选择所有地区--" cssStyle="WIDTH: 130px"></s:select>
<font color="red">*</font>
</div>
<div id="lanmu" style="display:none">
所属栏目：
<s:select id="lan" theme="simple" name="typeIndex" list="listColumn" listKey="sortIndex" listValue="sortName" headerKey="" headerValue="--请选择栏目--" cssStyle="WIDTH:130px"></s:select>
<font color="red">*</font>
</div>
</td>
</tr>
<tr>
<td height="20" colspan="8" align="center" bgcolor="#CEE8EA" >
<input type="button" value="注册" onclick="check()"/> <input type="reset" value="重添"/></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?