1. 程式人生 > >登錄校驗

登錄校驗

ansi ring change ack cti script 賬號 開關 12px

<!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" >
<head>
    <title>練習5-1</title>
<script language="javascript" type="text/javascript">
// <!CDATA[
var isDataOK = false
; // 定義開關變量,作為是否發送表單到服務器的依據 function Submit1_onclick() { return isDataOK; // 直接返回開關值 } function onChange( obj ) { try // 將可能出錯的代碼放入try塊中 { if( obj == "UserName" ) // 如果發生焦點改變的對象是“用戶名”框 { var userObj = document.getElementById(obj); //
獲取用戶名文本框對象 var user = new String(userObj.value); // 取得用戶名值 if( (user.length > 20)||(userObj.value == "") ) // 如果用戶名為空或大於20字符則不符合規則 { alert( "用戶名不符合規則:超過20個字符或為空!" ); userObj.value = ""; // 清除內容並關掉開關 isDataOK = false
; } } else if( obj == "Password1" )//如果焦點改變的對象是密碼框 { var pwdObj = document.getElementById(obj); // 獲取密碼框對象 var pwd = new String(pwdObj.value); if( (pwd.length > 20) || (pwd=="") ) // 判斷長度 { alert( "密碼不符合規則:超過20字符或為空!" ); pwdObj.value = ""; isDataOK = false; // 不符合規則就關掉開關並返回 return; } for( i = 0; i<pwd.length; i++ ) // 長度合格時逐一判斷字符是否是0~9之間 { for( j = 0; j<10; j++ ) { if( pwd.charAt(i) != j ) { if( j==9 ) { alert( "密碼不符合規則:包含非數字字符!" ); pwdObj.value = ""; isDataOK = false; return; } else { continue; // 當前字符處於0~9之間,則繼續判斷下一個 } } else { break; // 只要有一個字符不符合規則就斷開循環 } } } isDataOK = true; // 所有條件符合了則打開發送表單的開關 } } catch( e ) { alert("對不起,有錯誤發生:"+e.description); // 如果有錯誤發生則輸出錯誤信息 } } // ]]> </script> </head> <body style="position: relative; background-color: white"> <!--配置用戶截面,並綁定事件處理程序--> <div style="border-right: silver 1px solid; border-top: silver 1px solid; border-left: silver 1px solid; width: 330px; border-bottom: silver 1px solid; height: 137px; background-color: ghostwhite; font-size: 12px; font-style: normal;"> <form id="frmLogin" action="#" method="post" style="position: absolute; left: 17px; top: 22px; width: 320px; height: 104px;"> <span style="left: 42px; position: absolute; top: 23px; width: 177px;"> 賬號:<input id="UserName" style="height: 13px; width: 134px;" type="text" onchange="onChange(this.id)"/> </span> <br/> <span style="left: 42px; position: absolute; top: 50px"> 密碼:<input id="Password1" style="height: 13px;width:134px;" type="password" onchange="onChange(this.id)"/> </span> <br /> <span style="position:absolute; left: 225px; top: 25px; width: 38px;"> <input id="Reset1" type="reset" value="重設"/> <input id="Submit1" type="submit" value="登陸" onclick="return Submit1_onclick()" /> </span> </form> </div> </body> </html>

登錄校驗