[Jquery] 제이쿼리 null 체크 함수 예제(간단)

안녕하세요.

오늘은 null 체크 함수를 공유할려고 합니다.

아래의 소스를 보시면 설명이 달려 있습니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

<html>
    
    <head>
        <script>
 
            // id 'testBtn'이라는 버튼을 클릭 시 체크박스 검사.
            $("#testBtn").click(function(){
                
                // id 'testInput'의 value의 null 체크
                if(vali($("#testInput").val())){
                    alert("데이터가 존재하지 않습니다.");
                } else {
                    alert("데이터 존재.");
                }
                
            });
 
            // null 체크 함수(custom)
            function vali(val){
 
                if (value === null) return true; 
                if (typeof value === 'string' && value === '') return true;
                if (typeof value === 'undefined') return true;
                
                return false;
 
            }
 
        </script>
    </head>
    <body>
        <input type="text" id="testInput" value="테스트 데이터입니다."/>
 
        <input type="button" id="testBtn" />
    </body>
 
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter

http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white">cs

감사합니다.

저작자표시 비영리

'JavaScript' 카테고리의 다른 글

[Jquery] 제이쿼리 오브젝트(object) 클래스 이름 가져오기, 클래스 데이터 추출 (0)	2020.02.03
[Jquery] 제이쿼리 체크박스 체크하기(간단) (0)	2020.02.03
[Jquery] 제이쿼리 체크박스 체크 유무 및 값 추출 예제 포함 (0)	2020.02.03
[ jquery ] 제이쿼리 무한스크롤 설명 및 예제 포함. (3)	2019.10.16
[ Javascript ] 자바스크립트 객체 show/hide 예제 (0)	2019.10.02