HTML javascript ログイン認証
ホームページ において html javascript stylesheet ログイン認証 とは以下を示します。
- 実例 http://www.bishounen.sakura.ne.jp/doc/html/01_login_certification/index.html
- コード index.html
<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=euc-jp"> <TITLE>ログイン画面</TITLE> <SCRIPT language="JavaScript"> <!-- //ログイン回数 i=0; //ログインできるユーザ人数 member=3; function CheckPass(){ //ログイン回数 i++; //フラグ flg=false; //ユーザ名、パスワード member=member-1; u=new Array(member); p=new Array(member); u[0]="admin"; p[0]="admin"; u[1]="drave"; p[1]="drave"; u[2]="scott"; p[2]="scott"; //ブラウザ入力値 inputUserName=document.PA.username.value; inputPass=document.PA.pass.value; //認証 for(j=0;j<=member;j++){ if(inputUserName==u[j] && inputPass==p[j]) { alert("ようこそ"+u[j]+"さん"); //フラグ成功 flg=true; //画面遷移 location.href="success.html"; } } //認証失敗メッセージ if(!flg) { alert("失敗"); } } // --> </SCRIPT> </HEAD> <BODY> <FORM NAME="PA"> ユーザ名<INPUT type="text" name="username" size="20"> <br> パスワード<INPUT type="password" name="pass" size="20"> <br> <INPUT type="button" value="OK" onClick="CheckPass()"> <INPUT type="reset" value="クリアー"> </FORM> </BODY> </HTML>
ご訪問頂き有難う御座います。
当サイトを効率良く使うためにまずは FrontPage を見て下さい。
検索方法、一覧表示などの各情報を纏めています。
当サイトの説明 → Frontpage