Jquery form :input

Question

Is there a "simple" way to ensure that ALL the inputs in a form have "an entry". I need/want to disable the submit button unless all inputs have a value they are all input type=text. I assume it is something like for each but I am not very good at the for each in JQuery. Possible problem is that the inputs are "dynamically" generated by sortables? All I need to know is is there a value in every input field. The "real" validation is done elsewhere.

So is it something like:

$j('#button').click(function (){
each(function(:input){
//check the length in here?
});
});

rajesh pillai · Accepted Answer · 2010-08-06 14:11:00Z

1

Is this post useful http://forum.jquery.com/topic/enable-disable-submit-depending-on-filled-out-form?

answered Aug 6, 2010 at 14:11

rajesh pillai

8,1267 gold badges46 silver badges60 bronze badges

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

Comments

Tarka · Accepted Answer · 2010-08-06 14:17:02Z

1

$("#button").click(function(event) {
    var valid = true;
    $(":input").each(function(index) {
        if ($(this).val().length == 0) {
            valid = false;
        }
    });
    if (!valid) {
        event.preventDefault();
    }
});

Should work.

First part grabs the element with id of button, then assigns a function to the onclick event. Second part grabs all input fields, and run a function on each of them. Then you get the length of the value for each.

The $(this) works since the function is being applied to a specific element on the page, and will always get you the current element.

edited Aug 6, 2010 at 14:17

answered Aug 6, 2010 at 14:11

Tarka

4,0432 gold badges25 silver badges33 bronze badges

3 Comments

user351657 Over a year ago

Hi Slokun, as you said "should work" may be it does with "proper" Jquery, but I can't get it to - totally work . I have tried a number of things/ variations but the moment I use if(!valid) then the whole page refreshes etc. I cant get a result from if(!valid) {alert('this')} else{ alert('that')} I always get the "false" statment. The first part i.e. the each function works I know that will keep playing... Thanks

user351657 Over a year ago

Oh had to change to $j("#tstform :input[type='text']").each(function(index) {... as it way firing for "every" form on the page

Tarka Over a year ago

@russp So, did it work with the different selector? And yeah, if you don't specify the form the inputs are in, it will grab everything on the page.

Collectives™ on Stack Overflow

Jquery form :input

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related