Disable/enable button depending on input text

Question

I have this Fiddle and i made the script to work when the check box is checked first and than text inserted in input,but if i try to insert text first button wont enable it self. Can someone look at that fiddle? this is my script

$('.checkset label').on('change', function () {
var reqlength = $('.important').length;
console.log(reqlength);
var value = $('.important').filter(function () {
    return this.value != '';
});


if ($('.checkset label').hasClass("checked")) {
    if (value.length >= 0 && (value.length !== reqlength)) {
        //alert('Please fill out all required fields.');
        $('#reg').prop('disabled', true);
        $('#reg').addClass('inactive');
    } else {
        //alert('Everything has a value.');
        $('#reg').prop('disabled', false);
        $('#reg').removeClass('inactive');
    }
} else {
    $('#reg').prop('disabled', true);
    $('#reg').addClass('inactive');
}
});
   $(".important").on('change', function () {
   $('.checkset label').change();
});

guest271314 · Accepted Answer · 2015-09-06 15:08:53Z

1

Try substituting input element for label element at change events , utilizing .toggleClass() to set .checked class at on .checkset label if all .important input elements have, do not value

$(".checkset").click(function(){
  $(this).find("label").toggleClass("checked"); 
});
var res;
var inputs = $(".important, .checkset input");
inputs.on("input change", function() {
  res = inputs.get().every(function(el) {

    return $(el).is("[type=checkbox]") ? el.checked : el.value.length !== 0 
  });
    $("#reg").prop("disabled", !res)
    .toggleClass("inactive", !res)
})

jsfiddle http://jsfiddle.net/r9rsddhk/15/

edited Sep 6, 2015 at 15:08

answered Sep 6, 2015 at 12:41

guest271314

1

Sign up to request clarification or add additional context in comments.

11 Comments

Dejan Jankov Over a year ago

Still works the same. i need the script to make button enabled when text is inserted and checkbox is checked. for now the script works only if checkbox is checked first.

guest271314 Over a year ago

@DejanJankov Is requirement that all input elements have a value before button is enabled ?

Dejan Jankov Over a year ago

all with class important + checkbox checked. for now i have checkbox checked + all with class important.

Dejan Jankov Over a year ago

i don't need it to work for all input,just the input with class important

guest271314 Over a year ago

@DejanJankov Try changing selector to var inputs = $(".important") jsfiddle.net/r9rsddhk/6

|

Collectives™ on Stack Overflow

Disable/enable button depending on input text

1 Answer 1

11 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

11 Comments

Your Answer

Sign up or log in

Post as a guest

Related