JS Check Form Completion

by Marventus

HTML

<input type="checkbox" />

<select>
    <option value>Choose...</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

<input type="text" />

CSS

input,
select {
    display: block;
}

JavaScript

function isCompleteForm() {
	var status = [];
    $("input, select").each(function() {
        if ($(this).attr("type") === "checkbox")
            status.push( $(this).is(":checked") );
        else
            status.push( $(this).val() !== "" );
    });
    return $.inArray(false, status) < 0;
}
$("input, select").on("change", function() {
    console.log(isCompleteForm());
});