Check if at least one input field is filled in jQuery

Question

I have a jQuery script that checks if at least one input field contains text but it doesn't check my select option. Can anybody please help me to implement it?

The script:

$(function(){
    $("#myform").submit(function(){

        var valid=0;
        $(this).find('input[type=text]').each(function(){
            if($(this).val() != "") valid+=1;
        });

        if(valid){
            alert(valid + " inputs have been filled");
            return true;
        }
        else {
            alert("error: you must fill in at least one field");
            return false;
        }
    });
});

and the HTML for testing this:

<form action="/echo/html" id="myform" method="post">
<input type="text"><br>
<input type="text"><br>
<input type="text"><br>

<select name="something" id="something" type="text">
<option value=""></option>
<option value="one">Option one</option>
<option value="two">Option two</option>
<option value="three">Option three</option>
</select>

<input type="submit"/>
</form>

Delon · Accepted Answer · 2012-11-16 12:30:55Z

11

For one statement to grab both 'select' and 'input' elements, simply change your single jQuery selector to a multiple selector, like so:

$(this).find('input[type=text], select').each(function(){
            if($(this).val() != "") valid+=1;
        });

answered Nov 16, 2012 at 12:30

Delon

2533 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

Check if at least one input field is filled in jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related