JavaScript/jQuery로 입력 텍스트 상자가 비어 있는지 확인
이 포스트에서는 JavaScript와 jQuery에서 입력 텍스트 상자가 비어 있는지 확인하는 방법에 대해 설명합니다.
1. jQuery 사용하기
jQuery를 사용하여 입력 텍스트 상자가 비어 있는지 확인하려면 다음을 사용할 수 있습니다. .val() 방법. 빈 컬렉션에 대해 정의되지 않은 양식 요소의 값을 반환합니다.
jQuery
|
1 2 3 4 5 6 7 |
$(document).ready(function() { $('#submit').click(function() { if (!$('#name').val()) { alert('Enter your name!'); } }) }); |
HTML
|
1 2 3 4 5 |
<div id="container"> <label for="name">Enter your name:</label> <input type="text" id="name" name="name"> </div> <button id="submit">Submit</button> |
사용 .length 속성에서 다음과 같이 할 수 있습니다.
|
1 2 3 4 5 6 7 |
$(document).ready(function() { $('#submit').click(function() { if ($('#name').val().length === 0) { alert('Enter your name!'); } }) }); |
2. JavaScript 사용하기
일반 JavaScript를 사용하여 다음 값을 확인할 수 있습니다. value 비어 있는지 여부를 결정하기 위해 입력 상자의 속성.
JS
|
1 2 3 4 5 6 7 8 |
$(document).ready(function() { $('#submit').click(function() { var value = document.getElementById('name').value; if (value === '') { alert('Enter your name'); } }) }); |
HTML
|
1 2 3 4 5 |
<div id="container"> <label for="name">Enter your name:</label> <input type="text" id="name" name="name"> </div> <button id="submit">Submit</button> |
JavaScript 및 jQuery에서 입력 텍스트 상자가 비어 있는지 여부를 결정하는 것이 전부입니다.
또한 참조: