js는 단순히 사용자 등록 정보_javascript 기술의 확인 코드를 구현합니다.

register.html

코드 복사 코드는 다음과 같습니다.

 
   
       
          
          
       
       
          
          
       
       
          
          
       
       
          
          
       
       
          
          
       
       
          
          
       
       
          
          
       
                                                            >사용자 이름을 입력하세요
            
          < ;td>이메일 주소를 입력하세요

用户名：
密码：
确认密码：
身份证号：
电话号码：
Email：
비밀번호를 입력하세요. 비밀번호                                                                                  td ;전화번호를 입력하세요

< script type="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()
{
var 비밀번호 = document.getElementById("PASSWORD").value
return true;
}
function checkPassword2()
{
var id=document.getElementById("PASSWORD");
var id2=document.getElementById("PASSWORD2");
var 비밀번호 = id.value ;
var 비밀번호2 = id2.value;
if(password!=password2)
{
document.getElementById(id.name).innerHTML="비밀번호가 일치하지 않습니다.";
return false;
}
true를 반환합니다.
}
function checkIDNumber()
{
var id=document.getElementById("IDNUMBER")
var IDNumber =id.value;
if(IDNumber.length<18||IDNumber.length>19)
{
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="숫자가 아닌 문자는 입력할 수 없습니다.";
false 반환;
}
true 반환;

}
함수 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;
    너비:150px;
    높이:150px;
}
#TABLE2 tr
{
    높이: 24px;
}
#TABLE2 범위{
    디스플레이:없음;
}