"JavaScript 폼 유효성검사"의 두 판 사이의 차이

2020년 11월 2일 (월) 02:51 기준 최신판

1 개요[ | ]

JavaScript Form Validation
JavaScript 폼 유효성검사

2 예시[ | ]

<h2>배송조회</h2>
<form name='my_form' method='post' onsubmit='return validateForm()'>
운송장번호: <input type='text' name='invoice_number' />
<button>조회</button>
</form>

<script>
function validateForm() {
    var invoice_number = document.forms['my_form']["invoice_number"].value;
    if ( invoice_number == null || invoice_number == "") {
        alert("운송장번호를 입력해주세요.");
        return false;
    }
}
</script>

3 같이 보기[ | ]

HTML form 태그

4 참고[ | ]

http://www.w3schools.com/js/js_validation.asp

@@ 4번째 줄: / 4번째 줄: @@
 ==예시==
-<source lang='html5'>
+<syntaxhighlight lang='html5'>
 <h2>배송조회</h2>
 <form name='my_form' method='post' onsubmit='return validateForm()'>
@@ 20번째 줄: / 20번째 줄: @@
 }
 </script>
-</source>
+</syntaxhighlight>
 <jsfiddle height='150'>m1rxu9yf</jsfiddle>
@@ 26번째 줄: / 26번째 줄: @@
 *[[HTML form 태그]]
-==참고 자료==
+==참고==
 *http://www.w3schools.com/js/js_validation.asp
 [[분류: JavaScript]]