How to disabled submit button until all textbox is not empty?

Question

Guys please help me i cant do this :(. I want to disable my submit button until all the fields have values.. how can I do that?

this is my HTML codes

<table>
    <tr>
        <td>First Name: <input type="text"></td>
    </tr>
    <tr>
        <td>Middle Name: <input type="text"></td>
    </tr>
    <tr>
        <td>Last Name:<input type="text"></td>
    </tr>
    <tr>
        <td><input type="submit" value="Submit"></td>
    </tr>
</table>

http://stackoverflow.com/questions/16157763/javascript-disable-submit-button-until-3-fields-are-not-empty — vrajesh, Mar 03 '15 at 06:13

score 0 · Answer 1 · answered Mar 03 '15 at 06:14

$(document).ready(function(){
 $('input[type="submit"]').attr('disabled','disabled');
 $('input[type="text"]').change(function(){
        if($(this).val != ''){
           $('input[type="submit"]').removeAttr('disabled');
        }
 });
 });

Try this you need to use jQuery selector

score 0 · Answer 2 · answered Mar 03 '15 at 06:17

I have modified your html a little by disabling the button in the first place and then I used jQuery in order to check if all inputs are not empty when one of them changes.

function enableSubmit() {
    var disable = false;
    $("#table input[type='text']").each(function() {
        if ($(this).val()==="") {
            disable = true;
            return false;
        }
    });
    $("#table input[type='submit']").prop("disabled", disable);
}

$("#table").on("change", "input", function() {
    enableSubmit();
});

<html>
<head>
</head>

<body>

    <table id="table">
        <tr>
            <td>First Name: <input type="text"></td>
        </tr>
        <tr>
            <td>Middle Name: <input type="text"></td>
        </tr>
        <tr>
            <td>Last Name:<input type="text"></td>
        </tr>
        <tr>
            <td><input type="submit" value="Submit" disabled></td>
        </tr>
    </table>

</body>

</html>

How to disabled submit button until all textbox is not empty?

2 Answers2