开发者

jQuery : Textbox empty or not

开发者 https://www.devze.com 2023-03-04 17:06 出处:网络
I have several textbox on a page, imagine 10, 4 of these 10 have the class \"myClass\". I\'d like to know if ALL these textbox with class \"myClass\" have length = 0, in one line command

I have several textbox on a page, imagine 10, 4 of these 10 have the class "myClass". I'd like to know if ALL these textbox with class "myClass" have length = 0, in one line command

Possible?

Thanks,

Update1

function MyValidation() {
    var res = true;
    if (!$("input:开发者_开发技巧text.MyClass[value!='']").length) {
        alert("testing");
        res = false;
    }
    return res;
}

When you this code, I receive a "true" all the time never "false" and never "testing". I tried the code of every answer.


this should suffice

if ( $('.myClass').filter(function(){
                             return $(this).val() != '';
                           }).length == 0
   )
 {
  /* code to run when all are empty */

 }

demo http://jsfiddle.net/gaby/QasRK/


To accommodate for white-space in the string change

return $(this).val() != '';

to

return $(this).val().replace(/\s/g,'') != '';

This strips the text of white-space before comparing it to ''


You can write

if (!$(input.myClass).is(function() { return this.value.length > 0; }))


That can also be done with the appropriate attribute selector:

if (!$("input:text.myClass[value!='']").length) {
    // All the .myClass text boxes are empty.
}


If you want to values:

var any = $("input:text.myClass").map(function() {
    var value = $.trim($(this).val());
    if (value != "") return value;
}).length > 0;

http://jsfiddle.net/hunter/e6yEd/


If you don't:

var any = $("input:text.myClass").filter(function() {
    return $.trim($(this).val()) != "";
}).length > 0;

http://jsfiddle.net/hunter/e6yEd/5/

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号