jquery에서 올바르게 유효성을 검사 할 수 없습니다.

Question

jquery 사용자의 입력에 대한 유효성을 검사합니다. 입력 내용이 비어 있으면 false가 반환되고 jquery 코드는 실행되지 않으며 일부 텍스트가 포함 된 경우 jquery 코드가 실행됩니다. 다음은 예입니다.-

function sendm() { 
    var valid; 
    valid = sendmval(); 
    if (valid) { 
     //jquery code 
    } 
} 

function sendmval() { 
    var valid = true; 
    if (!$('#message').val()) { 
     valid = false; 
    } else {} 
    return valid; 
} 

잘 작동합니다. 그러나 사용자가 blank spaces 만 입력하면 빈 입력에도 jquery 코드가 실행되는 문제가 발생합니다. 이 문제를 어떻게 방지 할 수 있습니까?

Answer 1

문자로 spaces 수 있기 때문에 아래처럼 JQuery와의 $.trim()를 사용할 필요가 있도록 : - : 공간도 있기 때문에

https://api.jquery.com/jQuery.trim/

Answer 2

- 더 참고로

if (!$.trim($('#message').val())) { 
     valid = false; 
} 

문자, 간단한 사용 .trim() 자바 스크립트 문자열의 빈 공간을 제거하는 기능 그는 시작과 끝. 평소대로 수표로 처리하십시오.

주가 : 내가 변경되었습니다

if (!$('#message').val()) 

에

if (!$('#message').val().trim()) 

전체 작업 코드 테스트를 참조하십시오

function sendm() { 
 
    var valid; 
 
    valid = sendmval(); 
 
    if (valid) { 
 
    alert("valid & sendm"); 
 
    } 
 
} 
 

 
function sendmval() { 
 
    var valid = true; 
 
    if (!$('#message').val().trim()) { 
 
    valid = false; 
 
    } else {} 
 
    return valid; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="message"> 
 
<button onclick="sendm()">CHECK</button>