JavaScript表單項資料過濾代碼,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>