SCRIPT 입력창 null(널값) - input 체크, form 체크 (입력되지 않았을 때)
페이지 정보
조회 2,441회 작성일 22-05-21 17:04
본문
입력창 null(널값)
input 체크, form 체크
필수 입력이 되어야 할 곳에 아무 것도 입력되지 않았는지 체크하는 방법을 설명한다.
여기에는 input 체크, form 체크 등이 있는데, 결국은 모두 null(널값. 입력되지 않았을 때)를 체크하는 것이다.
입력창 null(널값) - input 체크, form 체크 (입력되지 않았을 때)
null 값이란?
null(널)이란 연산이 불가능한 모르는 상태를 말한다.
컴퓨터는 뭔가를 입력받으면 정답을 내든 오류를 내든, 어쨌든 결과를 만들어 낸다. 그러므로 결국 널값이란 아무 것도 입력받지 못했다는 말이 된다.
이것은 스크립트로 작성된 기본 예제다. 하지만 PHP든 C든 다른 프로그램에서도 비슷하게 처리한다는 것을 알아두면, 다른 프로그램을 배우기에도 편하다.
[code]
<script>
if( !입력창 이름 ){
작동시킬 내용
}
</script>
[/code]
여기에서 "입력창 이름"은 form의 name을 적는 곳이다. 만약 그누보드라면 fsearchbox.stx.value을 쓰면 된다.
중요한 것은 그 앞에 "!" 표시가 있다는 것이다. 이것은 영어로 not을 의미한다. 즉, if( ! )은 "아니라면"을 의미하는 것이다.
여러 가지 널값 체크 예제
검색창에 아무 것도 입력하지 않았을 때 form을 체크하는 코드 예제를 비교해 보다.
아래 에제들은 fsearchbox라는 form에 있는, stx라는 name을 가진 값(value)으로 예를 든 것이다.
[code]
<script>
function name(val) {
if( !fsearchbox.stx.value ){
작동시킬 내용
}
}
</script>
[/code]
여기서 name은 input(인풋)의 이름이고, val은 전달받은 변수 값이다. 즉, 무엇이 전달되든 내용이 제대로 없다면... 이란 것이다.
이렇게도 사용한다.
[code]
<script>
function name() {
var val = fsearchbox.stx.value
if( !val ){
작동시킬 내용
}
}
</script>
[/code]
또는 이렇게도 활용할 수 있다. [저작권법 표시] 원본 출처 : 키스세븐(www.kiss7.kr)
[code]
<script>
function checkform() {
if( fsearchbox.stx.value == "" ){
작동시킬 내용
}
}
</script>
[/code]
여기서 ==""는 "같다면..."이라는 의미다. 그런데 따옴표 속이 비어 있다. 즉, form의 name의 값(value)이 비었다면... 이라는 의미가 된다.