JavaScript表单项数据过滤代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<script type="text/javascript">
	window.onload = function(){
		document.getElementById("admin").focus();
	}
	function check_admin(admininfo){
		if(admininfo==null || admininfo.length == 0 || !new RegExp(/^[a-zA-Z]{3,20}$/).test(admininfo)){
			return false ;
		}else{
			return true ;
		}
	}
	function check_pwd(pwdinfo){
		if(pwdinfo==null || pwdinfo.length == 0 || !new RegExp(/^\d{6}$/).test(pwdinfo)){
			return false ;
		}else{
			return true ;
		}
	}
	function check_yzm(yzminfo){
		if(yzminfo==null || yzminfo.length == 0 || !new RegExp(/^[A-Za-z0-9]{5}$/).test(yzminfo)){
			return false ;
		}else{
			return true ;
		}
	}

	function onblur_show_admin_success_msg(){
		var admin = document.getElementById("admin").value ;
		var flag = check_admin(admin);
		if(flag){
			document.getElementById("admin_msg").innerHTML = "<b style='color:green;'>格式正确!</b>" ;
		}else{
			document.getElementById("admin_msg").innerHTML = "管理员账号有误,请重新填写!" ;
		}
	}
	function onblur_show_pwd_success_msg(){
		var pwd = document.getElementById("pwd").value ;
		var flag = check_pwd(pwd) ;
		if(flag){
			document.getElementById("pwd_msg").innerHTML = "<b style='color:green;'>格式正确!</b>" ;
		}else{
			document.getElementById("pwd_msg").innerHTML = "管理员密码有误,请重新填写!" ;
		}
	}
	function onblur_show_yzm_success_msg(){
		var yzm = document.getElementById("yzm").value ;
		var flag = check_yzm(yzm) ;
		if(flag){
			document.getElementById("yzm_msg").innerHTML = "<b style='color:green;'>格式正确!</b>" ;
		}else{
			document.getElementById("yzm_msg").innerHTML = "验证码有误,请重新填写!" ;
		}
	}

	function clear_admin_msg(){
		document.getElementById("admin_msg").innerHTML = "" ;
	}
	function clear_pwd_msg(){
		document.getElementById("pwd_msg").innerHTML = "" ;
	}
	function clear_yzm_msg(){
		document.getElementById("yzm_msg").innerHTML = "" ;
	}	

	function onsubmit_check_all_data(){
		var admin = document.getElementById("admin").value ;
		var pwd = document.getElementById("pwd").value ;
		var yzm = document.getElementById("yzm").value ;
		if(!check_admin(admin)||!check_pwd(pwd)||!check_yzm(yzm)){
			return false ;
		}
		/*
		var flag_admin = check_admin(admin) ;
		var flag_pwd = check_pwd(pwd);
		var flag_yzm = check_yzm(yzm);
		if(flag_admin&&flag_pwd&&flag_yzm){
			return true ;
		}else{
			return false ;
		}
		if(!flag_admin||!flag_pwd||!flag_yzm){
			return false ;
		}
		*/
	}
</script>
		<div class="body">
			<div class="login">
				<form action="login.action" method="post" class="loginform" onsubmit="return onsubmit_check_all_data();">
					<fieldset>
						<legend>系统管理员登陆窗口</legend>
						<div class="margin_padding"></div>
					<p>
						<label for="admin">管理员账号</label><br/>
						<span class="margin_padding"></span>
						<input type="text" name="admin" id="admin" style="width:200px;height:25px;" onfocus="clear_admin_msg();" onblur="onblur_show_admin_success_msg();">
						<span id="admin_msg" style="color: red;font-style: italic;"></span>
					</p>
					<span class="margin_padding"></span>
					<p>
						<label for="pwd">管理员密码</label><br/>
						<span class="margin_padding"></span>
						<input type="password" name="pwd" id="pwd" style="width:200px;height:25px;" onfocus="clear_pwd_msg();" onblur="onblur_show_pwd_success_msg();">
						<span id="pwd_msg" style="color: red;font-style: italic;"></span>
					</p>
					<span class="margin_padding"></span>
					<p>
						<label for="yzm">输入验证码</label><span style="color:#555;font-size:10px;">(看不清楚,请点击图片刷新!)</span><br>
						<span class="margin_padding"></span>
						<input type="text" name="yzm" id="yzm" style="width:100px;height:25px;" onfocus="clear_yzm_msg();"  onblur="onblur_show_yzm_success_msg();">
						<img alt="loading..." src="yzm.action" style="width:100px;height:25px;" id="yzmpic" onclick="refrushyzm();" onmouseover="showpointer();">
						<span id="yzm_msg" style="color: red;font-style: italic;"></span>
					</p>
					<span class="margin_padding"></span>
					<p>
						<input type="submit" value="管理员登录" id="submit">
					</p>
					<span class="margin_padding"></span>
					</fieldset>
				</form>
			</div>
		</div>

时间: 2024-10-14 04:15:09

JavaScript表单项数据过滤代码的相关文章

2016/3/26 weixin 头像 昵称 网页优化显示 缺表中数据 只有代码 无显示效果

weixin.php 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 * 8 { /*清格式*/ 9 margin:0px auto; /*auto自动居中*/ 1

JSP简单练习-获取表单数据

在JSP中,server端程序与client交互最经常使用的方法就是採用表单提交数据.表单提交的方法主要有两种,一种是get方法.还有一种是post方法.两者最大的差别:使用get方法提交的数据会显示在浏览器的地址栏中,而post方法则不会显示,故post方法更为经常使用.表单中提交的数据能够是文本框.列表框及文本区域等. 使用request对象的getParameter()方法可得到表单中对应数据项的值. 下面为"获得表单数据"的代码: <!-- userRegist2.jsp

MySql中把一个表的数据插入到另一个表中的实现代码--转

MySql中把一个表的数据插入到另一个表中的实现代码 司的一个项目,做报表--要关联的表结构比较多,最后决定把要用的数据集合到一张新表中,需要用到以下的sql语法......分享下: web开发中,我们经常需要将一个表的数据插入到另外一个表,有时还需要指定导入字段,设置只需要导入目标表中不存在的记录,虽然这些都可以在程序中拆分成简单sql来实现,但是用一个sql的话,会节省大量代码.下面我以mysql数据库为例分情况一一说明: 1.如果2张表的字段一致,并且希望插入全部数据,可以用这种方法: ?

Aspose Cells 控件如何实现数据过滤(附代码和下载地址)

Aspose Cells 是一款操作和处理以及转换Excel文件的类库,支持.NET和JAVA版,几乎所有Excel能实现的功能,Aspose Cells都可以实现,在Excel中经常会用到数据过滤,通过过滤规则,以达到想要显示的结果,一般过滤都是根据设置的条件,通常是文本.数字或者日期. Aspose Cells控件下载地址:http://www.componentcn.com/kongjianchanpin/yonghujiemian/biaogekongjian/2014-09-16/17

SQL实现将一个表的数据插入到另外一个表的代码

--第一种情况的 1>如果2张表的字段一致,并且希望插入全部数据,可以用这种方法: INSERT INTO 目标表 SELECT * FROM 来源表; 2>比如要将 articles 表插入到 newArticles 表中,则是: INSERT INTO newArticles SELECT * FROM articles; 3>如果只希望导入指定字段,可以用这种方法: INSERT INTO 目标表 (字段1, 字段2, ...) SELECT 字段1, 字段2, ... FROM

JavaScript表单处理(下)

内容提纲: 1.文本框脚本 2.选择框脚本 发文不易,转载请亲注明链接出处,谢谢!   一.文本框脚本 在HTML中,有两种方式来表现文本框: 一种是单行文本框<input type="text">: 一种是多行文本框<textarea>. 虽然在HTML中<input>有value值,而<textarea>却没有,但在JS中都可以通过value获取他们的值. var textField = fm.elements[0]; var are

js表单验证控制代码大全

http://www.cnblogs.com/SAL2928/archive/2008/10/24/1319020.html目录: 1:js 字符串长度限制.判断字符长度.js限制输入.限制不能输入.textarea 长度限制 2.:js判断汉字.判断是否汉字 .只能输入汉字 3:js判断是否输入英文.只能输入英文 4:js只能输入数字,判断数字.验证数字.检测数字.判断是否为数字.只能输入数字 5:只能输入英文字符和数字 6: js email验证 .js 判断email .信箱/邮箱格式验证

MySQL表的创建和表中数据操作

这篇文章主要介绍在navicat的命令界面操作mysql.主要涉及建立表结构,和对表中数据的增加删除修改查询等动作.站在一个新手角度的简单mysql表结构和数据操作. ☆ 准备工作 1,保证自己的电脑安装了mysql(my.ini下的字符集设置是utf8) 2,确保电脑同时安装navicat(任意版本) 3,保证mysql服务器已经启动 注:若对navicat操作不熟,请参照<<navicat从下载到使用>>这篇文章. ☆ 打开控制台 在navicat的tools(工具)菜单栏选择

使用jQuery实现跨域提交表单数据

我们在WEB开发中有时会遇到这种情况,比如要从A网站收集用户信息,提交给B网站处理,这个时候就会涉及到跨域提交数据的问题.本文将给您介绍如何使用jQuery来实现异步跨域提交表单数据. 在jQuery中,我们使用json数据类型,通过getJSON方法来实现从服务端获取或发送数据,而当要向不同远程服务器端提交或者获取数据时,要采用jsonp数据类型.使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面.服务器端应当在JSON数据前加上回调函数名,以便