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" οnsubmit="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;" οnfοcus="clear_admin_msg();" οnblur="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;" οnfοcus="clear_pwd_msg();" οnblur="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;" οnfοcus="clear_yzm_msg();"  οnblur="onblur_show_yzm_success_msg();">
						<img alt="loading..." src="yzm.action" style="width:100px;height:25px;" id="yzmpic" οnclick="refrushyzm();" οnmοuseοver="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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章