<%@ 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>
JavaScript表單項數據過濾代碼
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.