Alex Rivera | Logout

Check all input fields have been filled out with jQuery

Asked 2012-01-18T09:28:24.557
32

I have 3 divs, each with a dfew input fields and next button on. I want to write a snippet of jQuery that when the next button is clicked it checks to ensure all input fields WITHIN the same div as the button, are not null.

I've tried the following with no luck but Im 100% certain its wrong, only I cant find the relevant information online...

http://jsfiddle.net/xG2KS/1/

javascript jquery
Edit
Report

1 Answer

8
$('.next').click(function() {
    var emptyInputs = $(this).parent().find('input[type="text"]').filter(function() { return $(this).val() == ""; });
    if (emptyInputs.length) {
        alert('Fail!');
    }
});
answered 2012-01-18T09:33:37.483

Your Answer