jQuery - 단순 입력 유효성 검사 - "공백" 및 "공백하지 않음"

jQuery - 단순 입력 유효성 검사 - "공백" 및 "공백하지 않음"

검증할 입력 사항이 있습니다.

<input type="text" id="input" />

여기 JS가 있습니다.

        jQuery("#input").live('change', function() {

            if("#input:not(:empty)") {
                alert('not empty');
            }   

            else if("#input:empty") {
                alert('empty'); 
            }
        });

"#입력"이 비어 있는 경우에도 "비움" 메시지로 경고를 표시할 방법이 없습니다.그래서 기본적으로 제가 어떻게 하든 첫 번째 진술만 사실이고 두 번째 진술은 거짓입니다.

뭐가 잘못됐나요?

JQuery의 :empty selector는 텍스트 노드를 포함하여 하위 요소가 없다는 의미에서 페이지에 비어 있는 모든 요소를 선택합니다.

Jquery : 입력 요소가 입력되지 않았는지 확인하는 방법

위 스레드에서 도난당한 코드는 다음과 같습니다.

$('#apply-form input').blur(function()          //whenever you click off an input element
{                   
    if( !$(this).val() ) {                      //if it is blank. 
         alert('empty');    
    }
});

이것은 자바스크립트의 빈 문자열이 '거짓 값'이기 때문에 작동합니다. 이것은 기본적으로 당신이 그것을 부울 값으로 사용하려고 한다면 항상 평가할 것이라는 것을 의미합니다.false. 원하는 경우 조건을 다음으로 변경할 수 있습니다.$(this).val() === ''명확성을 더하기 위해. :D

할 수 있습니다.

$("#input").blur(function(){
    if($(this).val() == ''){
        alert('empty'); 
    }
});

http://jsfiddle.net/jasongennaro/Y5P9k/1/

입력이 손실된 경우focus그것은.blur(), 그 다음에 그 값을 확인합니다.#input.

비어있는 경우== ''그런 다음 경보를 트리거합니다.

    jQuery("#input").live('change', function() {
        // since we check more than once against the value, place it in a var.
        var inputvalue = $("#input").attr("value");

        // if it's value **IS NOT** ""
        if(inputvalue !== "") {
            jQuery(this).css('outline', 'solid 1px red'); 
        }   

        // else if it's value **IS** ""
        else if(inputvalue === "") {
            alert('empty'); 
        }

    });

실제로 이 작업을 수행하는 보다 간단한 방법이 있습니다. 단지 다음과 같습니다.

if ($("#input").is(':empty')) {
console.log('empty');
} else {
console.log('not empty');
}

src: https://www.geeksforgeeks.org/how-to-check-an-html-element-is-empty-using-jquery/

언급URL : https://stackoverflow.com/questions/6801483/jquery-simple-input-validation-empty-and-not-empty