Programing

클라이언트 측에서 텍스트가 모두 공백 문자인지 확인하는 방법은 무엇입니까?

crosscheck 2020. 12. 14. 07:52
반응형

클라이언트 측에서 텍스트가 모두 공백 문자인지 확인하는 방법은 무엇입니까?


사용자 입력 텍스트가 클라이언트 측에서 모두 공백 문자 (공백, 탭, 입력 등)인지 확인하는 방법은 무엇입니까?

미리 감사드립니다!


이 질문은 jQuery로 태그가 지정됩니다. jQuery에서 다음을 실행할 수 있습니다.

if ( $.trim( $('#myInput').val() ) == '' )
    alert('input is blank');

/^\s+$/.test(userText)

빈 문자열 을 긍정적 인 일치로 포함 +하도록 *변경하십시오 ''.

편집하다

사용자가 입력 한 텍스트에서 공백을 제거하고 비어 있지 않은지 테스트해야하는 경우가 많습니다.

userText = userText.replace(/^\s+/, '').replace(/\s+$/, '');
if (userText === '') {
    // text was all whitespace
} else {
    // text has real content, now free of leading/trailing whitespace
}

이것은 또한 작동합니다.

var text = "   ";
text.trim().length == 0; //true

이렇게 ...

function isEmpty(str) {
  return str.replace(/^\s+|\s+$/g, '').length == 0;
}

파일에 공백이 모두 포함되어 있는지 또는 비어 있는지 확인하려면 반전을 테스트하고 결과를 반전하는 것이 좋습니다. 이렇게하면 빈 문자열 주변의 특별한 경우에 대해 걱정할 필요가 없습니다.

모든 공백은 공백이 아닌 것과 동일하므로 :

function isWhitespaceOrEmpty(text) {
   return !/[^\s]/.test(text);
}

빈 문자열을 원하지 않는 경우 약간 수정할 수 있습니다.

function isWhitespaceNotEmpty(text) {
   return text.length > 0 && !/[^\s]/.test(text);
}

Josh의 대답은 이것에 매우 가깝지만 w3schools (2014 년 5 월)에 따르면 다음과 같습니다.

function isEmpty(str) {
    return str.replace(/^\s+|\s+$/gm,'').length == 0;
}

JavaScript 및 요소 사이에서 생성 된 공백을 찾으려면 다음을 사용하십시오.

var trimmed = $.trim( $('p').text() );

if ( trimmed === '' ){
    //function...
}

나를 위해 일한 것 :

 $("#example_form").validate({
    rules: {
        example_field: {
            required: {
                depends: function () {
                    $(this).val($.trim($(this).val()));
                    return true;
                }
            }
        },

    },
    messages: { example_field: {required: "Custom Validation Message for example_field"}, }
});

참고 URL : https://stackoverflow.com/questions/1172206/how-to-check-if-a-text-is-all-white-space-characters-in-client-side

반응형