반응형
회원 가입 작성 시 쓰기 좋은 자바스크립트
공백 체크, 특수문자 체크.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
// 공백체크, 특수문자 체크
<input type="text" name="personName" id="personName"/>
<input type="button" value="특수문자 체크" onClick="check()"/>
</body>
<script>
function check(){
var str = document.getElementById('personName');
if( str.value == '' || str.value == null ){
alert( '값을 입력해주세요' );
return false;
}
var blank_pattern = /^\s+|\s+$/g;
if( str.value.replace( blank_pattern, '' ) == "" ){
alert(' 공백만 입력되었습니다 ');
return false;
}
//공백 금지
//var blank_pattern = /^\s+|\s+$/g;(/\s/g
var blank_pattern = /[\s]/g;
if( blank_pattern.test( str.value) == true){
alert(' 공백은 사용할 수 없습니다. ');
return false;
}
var special_pattern = /[`~!@#$%^&*|\\\'\";:\/?]/gi;
if( special_pattern.test(str.value) == true ){
alert('특수문자는 사용할 수 없습니다.');
return false;
}
alert( '최종 : ' + str.value );
/*
if( str.value.search(/\W|\s/g) > -1 ){
alert( '특수문자 또는 공백을 입력할 수 없습니다.' );
str.focus();
return false;
}*/
}
</script>
</html>반응형
'Programming > JavaScript' 카테고리의 다른 글
| [javascript] object 내용 확인하기 (0) | 2022.08.07 |
|---|---|
| [jQuery] .ready 와 .onload의 차이점 (0) | 2021.11.18 |
| [JavaScript] select box의 option value, text 가져오기 (0) | 2021.11.10 |
| [jQuery] DataTable을 그린 후에 작업 수행할 때. (0) | 2021.11.09 |
| [jQuery] 보이기, 숨기기 (0) | 2021.11.08 |