복붙노트

[JQUERY] jQuery를 사용하여 빈 텍스트 입력을 선택

JQUERY

jQuery를 사용하여 빈 텍스트 입력을 선택

해결법


  1. 1.또 다른 방법

    또 다른 방법

    $('input:text').filter(function() { return $(this).val() == ""; });
    

    또는

    $('input:text').filter(function() { return this.value == ""; });
    

    또는

    // WARNING: if input element does not have the "value" attribute or this attribute was removed from DOM then such selector WILL NOT WORK! 
    // For example input with type="file" and file does not selected.
    // It's prefer to use "filter()" method.
    // Thanks to @AaronLS
    $('input:text[value=""]');
    

    작업 데모

    데모에서 코드

    jQuery를

     $(function() {
    
      $('#button').click(function() {
    
        var emptyTextBoxes = $('input:text').filter(function() { return this.value == ""; });
        var string = "The blank textbox ids are - \n";
    
        emptyTextBoxes.each(function() {
          string += "\n" + this.id;
        });
        alert(string);
      });
    
    });
    

  2. 2.당신은 또한 자신의 선택기를 정의하여 그것을 할 수 있습니다 :

    당신은 또한 자신의 선택기를 정의하여 그것을 할 수 있습니다 :

    $.extend($.expr[':'],{
        textboxEmpty: function(el){
            return $(el).val() === "";
        }
    });
    

    그리고이처럼 액세스 :

    alert($(':text:textboxEmpty').length); //alerts the number of text boxes in your selection
    

  3. 3.

    $(":text[value='']").doStuff();
    

    ?

    그런데, 당신의 전화 :

    $('input[id=cmdSubmit]')...
    

    크게 간소화와 함께 가속화 될 수있다 :

    $('#cmdSubmit')...
    

  4. 4.상단에서 언급 한 바와 같이 포스트는 지글 지글 엔진과 다음 작품을 평가했다.

    상단에서 언급 한 바와 같이 포스트는 지글 지글 엔진과 다음 작품을 평가했다.

    $('input:text[value=""]');
    

    선택기의 텍스트 부분 실패 셀렉터 발생 : 코멘트에있어서, 상기 제거하는 것으로 관찰되었다. 나는 무슨 일이의 것은 지글 지글 실제로 브라우저의 경우 셀렉터 엔진에서 가능한 내장에 의존하고 있음을 믿습니다. 경우 : 텍스트가 선택에 추가, 그것은 표준이 아닌 CSS 선택하게하여 요구 지글 지글 자체적으로 처리해야합니다. 지글 지글 점검 입력의 전류 값 대신에 "값"속성은 소스 HTML에 규정이 방법.

    그래서 빈 텍스트 필드를 확인하는 영리한 방법,하지만 나는 그것이 지글 지글 엔진에 행동의 특정에 의존 생각 (대신 소스 코드에 정의 된 속성의 INPUT의 현재 값을 사용). 지글 지글이 셀렉터에 일치하는 요소를 반환 할 수 있지만, document.querySelectorAll 만 HTML의 값을 가질 요소를 = ""돌아갑니다. 주의의 위험 부담.


  5. 5.버전의 많은 시도 후 나는이에게 가장 논리적를 발견했다.

    버전의 많은 시도 후 나는이에게 가장 논리적를 발견했다.

    텍스트는 대소 문자를 구분합니다.


  6. 6.이 여기에 같은 제안 답변을 많이 [값 = ""]하지만 나는 실제로 작동 생각하지 않습니다. . . 또는 적어도, 사용이 일치하지 않습니다. 나는 또한 어떤 입력 된 값이 없음을 특정 문자열로 시작하는 ID를 가진 모든 입력을 선택, 비슷한 할 노력하고있어. 나는이 시도 :

    이 여기에 같은 제안 답변을 많이 [값 = ""]하지만 나는 실제로 작동 생각하지 않습니다. . . 또는 적어도, 사용이 일치하지 않습니다. 나는 또한 어떤 입력 된 값이 없음을 특정 문자열로 시작하는 ID를 가진 모든 입력을 선택, 비슷한 할 노력하고있어. 나는이 시도 :

    $("input[id^='something'][value='']")
    

    그러나 그것은 작동하지 않습니다. 도를 반전 않습니다. 이 바이올린을 참조하십시오. 유일한 방법은 내가 제대로했다 식별자는 문자열과 입력 된 값없이 시작하는 모든 입력을 선택 발견

    $("input[id^='something']").not("[value!='']")
    

    $("input[id^='something']:not([value!=''])")
    

    하지만 분명히, 이중 부정은 정말 혼란 확인하십시오. 아마, (필터링 기능 포함) 러스 캠의 첫 번째 대답은 가장 명확한 방법이다.


  7. 7.@ 제임스 와이즈맨의 대답에 구축, 나는 이것을 사용하고 있습니다 :

    @ 제임스 와이즈맨의 대답에 구축, 나는 이것을 사용하고 있습니다 :

    $.extend($.expr[':'],{
        blank: function(el){
            return $(el).val().match(/^\s*$/);
        }
    });
    

    이 내용은 '진정으로'있는 그 외에 공백 포함 입력을 잡을 것 웁니다.

    예 : http://jsfiddle.net/e9btdbyn/


  8. 8.내가 권하고 싶습니다 :

    내가 권하고 싶습니다 :

    $('input:text:not([value])')
    

  9. 9.이 "TXT"로 시작하는 ID로 빈 텍스트 입력을 선택합니다 :

    이 "TXT"로 시작하는 ID로 빈 텍스트 입력을 선택합니다 :

    $(':text[value=""][id^=txt]')
    

  10. 10.모든 비교에 대한 JQuery와 객체를 생성하는 것은 비효율적이기 때문에, 단지 사용

    모든 비교에 대한 JQuery와 객체를 생성하는 것은 비효율적이기 때문에, 단지 사용

    $.expr[":"].blank = function(element) {
        return element.value == "";
    };
    

    그럼 당신은 할 수 있습니다 :

    $(":input:blank")
    
  11. from https://stackoverflow.com/questions/1299424/selecting-empty-text-input-using-jquery by cc-by-sa and MIT license