DRP中用到的JavaScript验证
在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" onload="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" onkeypress="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>
DRP中用到的JavaScript验证的更多相关文章
- Eclipse去除JavaScript验证错误
这篇文章主要是对Eclipse去除js(JavaScript)验证错误进行了介绍.在Eclipse中,js文件常常会报错.可以通过如下几个步骤解决 第一步: 去除eclipse的JS验证: 将wind ...
- JavaScript验证正则表达式大全
JavaScript验证正则表达式大全,搜集最全的JavaScript验证正则表达式,开始查看吧,这里的都是正则表达式的例子,具体和函数结合的使用方法,还请查看下篇文章<JavaScript使用 ...
- 【转】Eclipse去除js(JavaScript)验证错误
这篇文章主要是对Eclipse去除js(JavaScript)验证错误进行了介绍.在Eclipse中,js文件常常会报错.可以通过如下几个步骤解决 第一步:去除eclipse的JS验证:将window ...
- javascript 验证 yyyy-MM-dd HH:mm:ss 的正则表达式
原文:javascript 验证 yyyy-MM-dd HH:mm:ss 的正则表达式 ^((\d{2}(([02468][048])|([13579][26]))[\-\/\s]?((((0?[13 ...
- 使用JavaScript验证用户输入的是否为正整数
在项目开发中,需要使用JavaScript验证用户输入的是否为正整数. 方法一: var type="^[0-9]*[1-9][0-9]*$"; var r=new RegExp( ...
- 纯javascript验证，100行超精简代码。
这篇文章转自--寒飞,原帖地址http://blog.csdn.net/luoyehanfei/article/details/42262249 QQ交流群235032949 纯javascript验 ...
- 转发 eclipse 取消javascript 验证
博客地址: http://blog.csdn.net/itchiang/article/details/7498474 最近出了一个很怪的现象,某一个js文件,在某一个Eclipse工程中呆的好好的, ...
- JavaScript验证函数大全
1. 长度限制 <script> function test() { if(document.a.b.value.length>50) { alert("不能超过50个字符 ...
- 常用的JavaScript验证正则表达式1
匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*评注:表单验证时很实用 匹配网址URL的正则表达式:[a-zA-z]+://[^s]* 评注:网 ...
随机推荐
- asp.net oracle 存储过程
ORACLE代码 CREATE OR REPLACE PROCEDURE gd_CURSOR(MYCS1 OUT SYS_REFCURSOR,MYCS2 OUT SYS_REFCURSOR,a out ...
- Linux Centos 7 使用yum安装 mysql5.7 (实验成功)
第一部分:安装Mysql5.7 1.下载YUM库 shell > wget http://dev.mysql.com/get/mysql57-community-release-el7-7.no ...
- 第二章 Background & Borders 之 Multiple borders
2. Multiple Boerders 多边框 在工作中我们可能会遇到给盒子外层实现多个边框.如以下效果: 方法1: 实现这个效果,其实很简单,使用CSS3 的box-shadow属性,先看看box ...
- JAVA IO流的简单总结+收集日志异常信息
1.字节流: IuputStream 所有字节输出流的超类 . 抽象类 ---- FileInputStream ---- BufferedInputStream:提供数据的读取效率,拓展方法(内部维 ...
- 从ASP.NET的web1子界面刷新打开web1的web0父界面
单击web0界面的按钮bt1触发一下代码: protected void btnSave_Click(object sender, EventArgs e) { string parentJs = @ ...
- 收集一下Windows7系统啊
Windows7系统:http://down.662p.com/list/141_1.html 萝卜家园WIN7系统X86位旗舰特别GHOST版2014年12月 这个是萝卜家园WIN7系统X86位 ...
- FreeBSD修改root密码错误passwd: pam_chau(www.111cn.net)thtok(): error in service module from:http://www.111cn.net/sys/freebsd/66713.htm
在FreeBSD中修改帐号密码有时候会出现一些错误,针对passwd: pam_chauthtok(): error in service module这样的错误提示,简单整理了以下解决方案:错误提示 ...
- 微信（一） 获取openid 网页授权 C# WeChatHelper
用.Net开发微信的时候第一步就是获取微信的网页授权,获取openid. 自己做个总结,以后也好用,这里只提供了获取openid的接口,后续程序有待开发 using System; using Sys ...
- OC2-xml文件解析
<?xml version="1.0" encoding="UTF-8"?> <Students class="17班" ...
- Controller层的写法
项目中的两个Controller层实现类,一个是跳转到jsp页面,一个是以Json形式返回Map键值对. 跳转到jsp页面: package com.controller; import java.i ...