password 필드를 javascript로 유효성 검사
자바스크립트로 비밀번호 부분의 valid를 체크하는데는 값이 있고 없고만 체크하면 간단할지 모르지만, 글자수를 제한하여 체크를 하고 특정글자로 제한하는 것이 보안적인 측면이나 문제를 일으킬 소지를 막는 방법이 되곤 한다.
function checkPassword(password)
{
var availableCharacter = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_=+\|()*&^%$#@!~`?></;,.:'";for (var i = 0; i < password.value.length; i++)
{
if (availableCharacter.indexOf(password.value.charAt(i)) == -1)
{
alert("허용되지 않는 문자를 입력 하셨습니다.");
return false;
}
}if((password.value.length < 4)||(password.value.length > 12))
{
alert("비밀번호는 최소 4자리 이상<br>최대 12자리 까지 가능합니다.");
return false;
}return true;
}
위 형식처럼 비밀번호 필드를 체크해주면 유효성 검사를 조금 더 편하게 할 수 있지 않을까 생각한다 ^ ^
이를 이용할 이벤트로는 onsubmit에서 한번에 처리하거나, onunfocus 이벤트를 password 상자에 두어 체크하는 것이 좋을 것 같다.
댓글
이 글 공유하기
다른 글
-
자바스크립트 trim() 메소드 구현
자바스크립트 trim() 메소드 구현
2007.05.27문자열의 앞과 뒤쪽에 공백을 제거해주는 trim() 메소드 상당히 자주사용하지만 자바스크립트에서 기본적으로 제공하지 않는 메소드이다. 그래서 자주 만들어서 사용하는 메소드들 중 한가지인데 이를 아래처럼 만들어서 사용하면 편하다. function trim(str) { while(str && str.indexOf(" ") == 0) str = str.substring(1); while(str && str.lastIndexOf(" ") == str.length-1) str = str.substring(0, str.length-1); return str; } 대신 이 메소드에도 단점은 있다. 공백에는 빈칸(공백문자) 외에도 캐리지 리턴(\r) 뉴 라인(\n) 탭문자(\t) 이 외에도 있지만 입력받을 수 있는 공… -
자바스크립트로 이메일 체크
자바스크립트로 이메일 체크
2007.05.26이메일 주소의 형식을 체크하는데는 역시 정규표현식(Regular Expression)으로 체크하는 방법이 제일 좋은 것 같다. 아래 소스도 마찬가지로 정규표현식을 사용하여 이메일 주소를 체크한다. function checkEmailFormat(email) { email.value.replace(" ", ""); email.value = trim(email.value); if (email.value == "") { alert("이메일을 입력해주세요."); return false; } else if(email.value != "") { reg = new RegExp("^[\\w\\-]+(\\.[\\w\\-_]+)*@[\\w\\-]+(\\.[\\w\\-]+)*(\\.[a-zA-Z]{2,3})$", "gi");… -
자바스크립트 라이브러리들의 벤치마크
자바스크립트 라이브러리들의 벤치마크
2007.05.22너무나도 많은 Javascript Library가 나오는 지금 아래 나열된 라이브러리 말고도 참 많고 다양하지만 그중 잘 알려져있는 것들을 벤치마크 해둔 사이트가 있어 올려봅니다. 솔직히 신생 javascript library는 더 많이 있는데 말이죠 ㅎㅎ 각각의 라이브러리마다 특징이 있어서 아래의 표로는 다 보여주지는 못하는것 같군요 자바형식의 Dojo, XPath 와 비슷한 jquery, RoR 형식을 따르는 Proto.&Scripta. 방대한 YUI와 GWT, .NET 기반의 Atlas 등 다양한 라이브러리를 자신의 형식에 맞게 또는 개발 환경에 맞게 잘 이용하는 능력 개발이 우선이라 생각됩니다. http://www.sitepoint.com/article/javascript-library Proto… -
주민등록번호 체크 자바스크립트
주민등록번호 체크 자바스크립트
2007.05.22자주 쓰긴하지만 참 자주 까먹고 사용할 때마다 찾아서 쓰게 되는 스크립트입니다 ㅎㅎ function jumin_check() { if (document.form1.TextBox6.value.length != 13) { // 번호가 13개 아니라면 alert("번호의 개수가 모자랍니다."); document.getElementById("TextBox6").focus(); //커서를 주민번호 앞자리에 놓는다. return false; } else { var strjumin = document.getElementById("TextBox6").value; //변수에 주민번호 앞자리 담음 } var a1=strjumin.substring(0,1) //주민번호 계산법 var a2=strjumin.substring(…
댓글을 사용할 수 없습니다.