[JavaScript - (17) ] 1. return true 2. return false 3. return (null) 차이점
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>book_insert_form_ajax_button</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="./js/bookmanage.js"></script>
<body>
<center>
<form method="post" name="insert_book_form" action="BookInsertPro" onsubmit="return insertBookSave()">
</form>
</center>
</body>
</html>
|
onsubmit 이벤트로 insertBookSave() 함수를 호출했을 때를 비교한다.
1. return (null)
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
function insertBookSave() {
var insert_book_form = document.insert_book_form;
// alert('bookCode value : ' + insert_book_form_bookCode.value);
if (! insert_book_form_bookCode.value) {
alert('도서 코드를 입력하세요.');
insert_book_form.bookCode.focus();
return;
}
}
r
|
return 뒤에 어떠한 값으로 return하는지 정해주지 않았기 때문에 insert_book_form_value값이 들어가 있지 않을 경우 null로 return한다.
따라서 insert_book_form은 submit을 하지 못하고 null을 반환한다.
해당 return 아래를 전부 실행하지 않고 return 줄에서 클래스를 끝내버린다.
2. return true
|
1
2
3
4
5
6
7
8
9
10
11
|
function insertBookSave() {
var insert_book_form = document.insert_book_form;
if (! insert_book_form.bookCode.value) {
alert('도서 코드를 입력하세요.');
insert_book_form.bookCode.focus();
return true;
}
}
|
insert_book_form이 submit 하기 전에 insertBookSave 함수에서 유효성 검사를 하고 통과가 되면 true (=submit true)로 리턴한다는 뜻이다.
즉 bookCode.value 값이 들어가 있지 않아도 submit 한다.
3. return false
|
1
2
3
4
5
6
7
8
9
10
11
|
function insertBookSave() {
var insert_book_form = document.insert_book_form;
if (! insert_book_form.bookCode.value) {
alert('도서 코드를 입력하세요.');
insert_book_form.bookCode.focus();
return false;
}
}
|
bookCode.value 값이 들어가 있지 않으면 submit을 하지 않고 fasle로 리턴한다는 뜻(return null과 아주 조금 차이가 있다.)이다.
이런 것도 모르고 리턴값을 비교할 때 true나 false만 체크했는데 null도 있다는 것을 알게 되었다.
'◽ HTML & CSS & JS, jQuery' 카테고리의 다른 글
| [CSS] ime-mode : 입력값 한글 또는 영문 디폴트 지정하기 (0) | 2020.02.13 |
|---|---|
| [JavaScript - (19) ] alert처리 모음 (0) | 2020.01.28 |
| [JavaScript - (18) ] alert창이 한글이 깨질 때. (0) | 2020.01.23 |
| [jQuery - 기능 - (11) ] jQuery.makeArray() (0) | 2020.01.15 |
| [jQuery - 기본 - (3)] "$"의 의미는 무엇인가. (0) | 2020.01.15 |
| [jQuery - 기능 - (10) ] $.fadeIn() : 선택한 id값 서서히 나오게 하기 (0) | 2020.01.13 |
| [HTML & CSS] <area> 태그의 coords 속성 : 이미지에 영역 링크 넣기 (0) | 2020.01.09 |