Seçme metin girişi jQuery kullanarak boş

SORU

19 AĞUSTOS 2009, ÇARŞAMBA

Seçme metin girişi jQuery kullanarak boş

Ne kadar boş kutularının jQuery kullanarak bulabilirim ki? Eğer mümkünse, bunu yapmak için seçiciler kullanarak istiyorum. Ayrıca, bu benim kullanmak istediğim gerçek kodda tüm metin girişleri seçmek istemiyorum kimliği üzerinde seçmek zorundayım.

Aşağıdaki iki kod örnekleri benim ilk defa doğru değeri textbox "" kullanıcı tarafından. txt2 yazdığınız görüntüler İkinci örnek, boş bir textbox var, ama eğer doldurursanız o hala boş olarak gördüğü tanımlar. Neden bu?

Bu işi sadece seçiciler kullanılarak yapılabilir?

Bu kodu textbox değer raporları"": . txt2

<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#cmdSubmit').click(function() {
                    alert($('[id=txt2]').val());
                });             
            });
        </script>
    </head>
    <body>
        <form>
            <input type="text" name="txt1" id="txt1" value="123" /><br />
            <input type="text" name="txt2" id="txt2" value="" /><br />
            <input type="text" name="txt3" id="txt3" value="abc" /><br />
            <input type="submit" name="cmdSubmit" id='cmdSubmit' value="Send" /><br />
        </form>
    </body>
</html>

Bu kod her zaman raporlar textbox "txt2" gibi boş:

<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#cmdSubmit').click(function() {
                    if($('[id^=txt][value=""]').length > 0) {
                        if (!confirm("Are you sure you want to submit empty fields?")) {
                            if (event.preventDefault) {
                                event.preventDefault();
                            } else {
                                event.returnValue = false;
                            }
                        }
                    }
                });             
            });
        </script>
    </head>
    <body>
        <form>
            <input type="text" name="txt1" id="txt1" value="123" /><br />
            <input type="text" name="txt2" id="txt2" value="" /><br />
            <input type="text" name="txt3" id="txt3" value="abc" /><br />
            <input type="submit" name="cmdSubmit" id='cmdSubmit' value="Send" /><br />
        </form>
    </body>
</html>

CEVAP

19 AĞUSTOS 2009, ÇARŞAMBA

Başka bir yolu

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

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

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

Working Demo

demo kod

bir WordPress kullanmak

 $(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);
  });

});

Bunu Paylaş: