jsでユーザー登録情報の認証コードを実装するだけ_javascriptスキル

register.html

コードをコピー コードは次のとおりです:

 
   
       
          
          
       
       
          
          
       
       
          
          
       
       
          
          
       
       
          
          
       
       
          
          
       
       
          
          
       
>ユーザー名を入力してください

< ;td>メール アドレスを入力してください

用户名：
密码：
确认密码：
身份证号：
电话号码：
Email：
あなたのパスワードを入力してくださいパスワード td; >電話番号を入力してください

< スクリプトタイプ="text/javascript" src="jslib/registerCheck.js">


< ;/html>



registerCheck.js

コードをコピー

コードは次のとおりです:

//入力ボックスがフォーカスされると、プロンプトの内容を表示します
function showDesc(obj)
{
var id= obj.name;
document.getElementById(id) .style .display="inline";
}

//入力ボックスがフォーカスを失ったときに入力内容が有効かどうかを確認します
function checkText(obj)
{
//入力ボックスの ID 値を取得します
var id= obj .name;
var text=document.getElementById(id.toString().toUpperCase()).value;

//空かどうかを判断します
if(text.replace(/s) /g, "") ==="")
{
document.getElementById(id).innerHTML="入力を空にすることはできません";
}
else
{
//アセンブリメソッド
//最初の文字を大文字に変換し、残りは変更しない
var firstChar=id.charAt(0).toString().toUpperCase();
//
var strsub=id.substring(1, id.length);
var strMethod="check" firstChar strsub "()";
var isTrue = eval(strMethod);
if(isTrue)
{
document.getElementById( id).innerHTML="入力は有効です";
}
}


}

function checkUsername()
{
//ユーザー名の長さを単純に決定します
var id = document.getElementById("USERNAME");
var username=id.value; > if(username.length > 10)
{
document.getElementById(id.name).innerHTML = "入力されたユーザー名が長すぎます";
return false;
}
else
return true;
}
function checkPassword()
{
varpassword = document.getElementById("PASSWORD").value;
return true;
}
関数 checkPassword2()
{
var id=document.getElementById("PASSWORD");
var id2=document.getElementById("PASSWORD2");
var パスワード = id.value ;
varpassword2 = id2.value;
if(password!=password2)
{
document.getElementById(id.name).innerHTML="パスワードが一致しません";
return false;
}
return true;
}
関数 checkIDNumber()
{
var id=document.getElementById("IDNUMBER");
if(IDNumber.length19)
{
document.getElementById(id.name).innerHTML="ID 番号の長さが間違っています";
return false ;
}
var expr=/([0]{18}[x|y]?)|([1]{18}[x|y]?)/i;
if(expr .test(IDNumber))
{
document.getElementById(id.name).innerHTML="ID カード番号をすべて「0」またはすべて「1」にすることはできません";
return false;
}
return true;
}
function checkPhoneNumber()
{
// 正規表現を使用して入力データを照合します
var id=document.getElementById("PHONENUMBER"); 🎜> varphone = id.value;
//数字以外の文字が一致した場合は false が返されます
var expr = /D/i;
if(expr.test(phone))
{
document.getElementById(id.name).innerHTML="数字以外の文字は入力できません";
return false;
}
return true;

}
function checkEmail()
{
// 正規表現を使用して入力データを照合します
var id = document.getElementById("EMAIL")
var email = id.value; // 文字または数字で始まり、その後に @ が続き、文字または数字は .com で終わります
var expr = /^([0-9]|[a-z]) @([0-9]| [a-z]) (.[ c][o][m])$/i;
if(!expr.test(email))
{
document.getElementById(id.name).innerHTML ="入力メールの形式は false です";
return false;
}
return true;
}



CSS

コードをコピー

コードは次のとおりです:

@charset "utf-8";
/* CSS ドキュメント */
#BODY{
text-align:center;
}

#TABLE{
text-align:left;
margin: auto;
float:left;
}
#DIV_FORM{
margin-left:300px;
}
#TABLE2{
text-align:left;
width:150px;
height:150px;
}
#TABLE2 tr
{
高さ: 24px;
}
#TABLE2 スパン{
display:none;
}