DRP中用到的JavaScript验证

最新推荐文章于 2018-01-17 01:28:27 发布

ladygaga1999999

最新推荐文章于 2018-01-17 01:28:27 发布

阅读量1.2k

点赞数 2

分类专栏： Dot Net

本文链接：https://blog.csdn.net/gwblue/article/details/9245437

版权

Dot Net 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

在Drp中添加按钮的时候要验证用户输入的是否合法利用JavaScript就可以实现这个功能下面就是我的代码。

<!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">
	<script src="client_validate.js"></script>
	<script type="text/javascript">
	function goBack() {
		window.self.location="user_maint.html"
	}
	
	function addUser() {
		var vUserId=document.getElementById("userId");
		var vUserName=document.getElementById("userName");
		var vPassword=document.getElementById("password");
		var vContactTel=document.getElementById("contactTel");
		var vEmail=document.getElementById("email");
		
		/**用户代码验证**/
		//用户代码不能为空
		if(trim(vUserId.value)==""){
			alert("用户代码不能为空！");
			vUserId.focus();
			return;
		}
		 //判断字符长度大于4
		  if(trim(vUserId.value).length<4){
		  	alert("用户代码长度不能小于4！");
		  	vUserId.focus();
		  	vUserId.select();
		  	return;
		  } 
		   
		   //用户代码只能是数字和字母
		  var re=new RegExp(/^[0-9a-zA-Z]{4,6}$/);
		   if(!re.test(trim(vUserId.value)))
		  {
		   alert("用户代码必须是字母或数字，只能为4~6位");
		   vUserId.focus();
		   vUserId.select();
		   return ;
		  }
		  
			//第一个字符为字母
		  re.compile(/^[a-zA-Z]/);
		  if(!re.test(trim(vUserId.value)))
		  {
		   alert("用户代码首字符必须是字母");
		   vUserId.focus();
		   vUserId.select();
		   return ;
		  } 
		 
		  
		  
		 /**用户名称验证**/
		//用户名必须输入
		if(trim(vUserName.value)==""){
			alert("用户名称不能为空！");
			vUserName.focus();
			vUserName.select();
			return;
		}
		
		//用户名不能和用户代码一样
		if(trim(vUserName.value)==trim(vUserId.value)){
			alert("用户名不能和用户代码一样！");
			vUserName.focus();
			vUserName.select();
			return;
		}
		
		
		/**密码验证**/
		//判断密码字符长度大于6
		  if(trim(vPassword.value).length<6){
		  	alert("密码长度不能小于6！");
		  	vPassword.focus();
		  	vPassword.select();
		  	return;
		  } 
		  
		/**联系电话验证**/  
		//如果联系电话不为空则验证联系电话为数字
		if (trim(vContactTel.value) != "") { 
			//采用正则
			re.compile(/^[0-9]+$/);
			if (!re.test(vContactTel.value)) {
				alert("电话号码不合法！");
				vContactTel.focus();
				return;
			}	
		}
		
		
		/**Email验证**/
		 if(trim(vEmail.value)!=""){
			re.compile(/^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/);
			if(!re.test(trim(vEmail.value))){
			alert("Email不合法！");
			vEmail.focus();
			vEmail.select();
			return;
			}
		}
		
		
		/* document.getElementById("userForm").action="user_add.jsp";
		document.getElementById("userForm").method="post";
		document.getElementById("userForm").submit(); */
		with (document.getElementById("userForm")){
		action="user_add.jsp";
		method="post";
		submit();
		}
		
	}
	
	function linit(){ 
		document.getElementById("userId").focus();
	}
	/*禁止输入除了字母以外的东西*/
	function userIdOnKeyPress(){
	if(!(event.keyCode>=97 && event.keyCode<=122)){
		event.keyCode=0;
	}
	}
	/*按回车键变为Tab键，如果到了添加按钮则提交数据*/
	  function document.onkeydown() {
		if(window.event.keyCode==13 && window.event.srcElement.type!='button'){
			window.event.keyCode=9;
		}
	}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body class="body1" οnlοad="linit()">
		<form name="userForm" target="_self" id="userForm">
			<div align="center">
				<table width="95%" border="0" cellspacing="2" cellpadding="2">
					<tr>
						<td> 
							
						</td>
					</tr>
				</table>
				<table width="95%" border="0" cellspacing="0" cellpadding="0"
					height="25">
					<tr>
						<td width="522" class="p1" height="25" nowrap>
							<img src="../images/mark_arrow_03.gif" width="14" height="14">
							 
							<b>系统管理>>用户维护>>添加</b>
						</td>
					</tr>
				</table>
				<hr width="97%" align="center" size=0>
				<table width="95%" border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td width="22%" height="29">
							<div align="right">
								<font color="#FF0000">*</font>用户代码: 
							</div>
						</td>
						<td width="78%">
							<input name="userId" type="text" class="text1" id="userId"
								size="10" maxlength="10" οnkeypress="userIdOnKeyPress();">
						</td>
					</tr>
					<tr>
						<td height="26">
							<div align="right">
								<font color="#FF0000">*</font>用户名称: 
							</div>
						</td>
						<td>
							<input name="userName" type="text" class="text1" id="userName"
								size="20" maxlength="20">
						</td>
					</tr>
					<tr>
						<td height="26">
							<div align="right">
								<font color="#FF0000">*</font>密码: 
							</div>
						</td>
						<td>
							<label>
								<input name="password" type="password" class="text1"
									id="password" size="20" maxlength="20">
							</label>
						</td>
					</tr>
					<tr>
						<td height="26">
							<div align="right">
								联系电话: 
							</div>
						</td>
						<td>
							<input name="contactTel" type="text" class="text1"
								id="contactTel" size="20" maxlength="20">
						</td>
					</tr>
					<tr>
						<td height="26">
							<div align="right">
								email: 
							</div>
						</td>
						<td>
							<input name="email" type="text" class="text1" id="email"
								size="20" maxlength="20">
						</td>
					</tr>
				</table>
				<hr width="97%" align="center" size=0>
				<div align="center">
					<input name="btnAdd" class="button1" type="button" id="btnAdd"
						value="添加" onClick="addUser()">
					    
					<input name="btnBack" class="button1" type="button" id="btnBack"
						value="返回" onClick="goBack()" />
				</div>
			</div>
		</form>
	</body>
</html>

需要下载的Js

ladygaga1999999

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
7
评论
DRP中用到的JavaScript验证

在Drp中添加按钮的时候要验证用户输入的是否合法利用JavaScript就可以实现这个功能下面就是我的代码。 function goBack() { window.self.location="user_maint.html" } function addUser() { var vUserId=document.getE
复制链接

扫一扫