자바스크립트 유효성 검사(수정)

#자바스크립트 유효성 검사

#자바스크립트 유효성 검사

#자바스크립트 유효성 검사

#자바스크립트 유효성 검사

웹개발시 글등록 혹은 회원등록 시 입력한 값이 유효한지 아닌지에 대해서 체크가 필요한 경우가 있다.

간혹 알파벳 한글자만 적는다던지 암호를 숫자 하나만 입력한다던지 이런 행동들을 막기 위한 검사이다.

이것 또한 하면서 삽질을 하였는데 

다음과 같은 코드가 있다고 치자. 최소한의 코드만 넣었다.

<form class="form-3" name="form" action="<%=request.getContextPath()%>/user/loginCheck" onsubmit="return checked()">

<p class="clearfix">

<label for="login">USERID</label> <input type="text" name="userid"

id="uid" placeholder="ID" autofocus>

</p>

<p class="clearfix">

<label for="password">PASSWORD</label> <input type="password"

name="userpw" id="upw" placeholder="PW">

</p>

<p class="clearfix">

<input type="submit" name="logIn" value="Log in">

</p>

<p class="clearfix" onclick="location='user/signUp'" method="POST">  

<input type="button" id="signUp" name="signUp" value="Sign Up" >

</p>

</form>

줄이 엉망진창이네 이해바람...

아이디와 비밀번호만 입력하여 회원가입을 받는 폼형식이다.

다음은 스크립트 코드

<!-- 로그인 후 뒤로가기 금지-->

<script type="text/javascript">

window.history.forward();

function noBack() {

window.history.forward();

}

</script>

<script type="text/javascript">

function checked(){

if(form.userid.value==""){

alert("아이디를 입력하세요.");

form.userid.focus();

return false;

}

else if(form.userpw.value==""){

alert("암호를 입력하세요.");

form.userpw.focus();

return false;

}

else return true;

}

</script>

---

모든 공백 체크 정규식

var regExp = /\s/g;

숫자만 체크 정규식

var regExp = /^[0-9]+$/;

이메일 체크 정규식

var regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; 

핸드폰번호 정규식

var regExp = /^\d{3}-\d{3,4}-\d{4}$/;

일반 전화번호 정규식

var regExp = /^\d{2,3}-\d{3,4}-\d{4}$/;

아이디나 비밀번호 정규식 

var regExp = /^[a-z0-9_]{4,20}$/; 

휴대폰번호 체크 정규식 

var regExp = /^01([0|1|6|7|8|9]?)-?([0-9]{3,4})-?([0-9]{4})$/;

if ( !regExp.test( $(#hp).val() ) ) {

      alert("잘못된 휴대폰 번호입니다. 숫자, - 를 포함한 숫자만 입력하세요.");

      return false

}