Tuesday, August 29, 2017

Disable submit button until all field selected

<code>
$('#submitForm').prop('disabled', true);;

function updateFormEnabled() {
    if (verifyAdSettings()) {
        //$('#submitForm').attr('disabled', '');
        $('#submitForm').prop('disabled', false);
    } else {
        //$('#submitForm').attr('disabled', 'disabled');
        $('#submitForm').prop('disabled', true);
    }
}

function verifyAdSettings() {
    if ($('#cities1').val() != '' && $('#cities2').val() != '' && $('#start').val() != '') {
        return true;
    } else {
        return false
    }
}

$('#cities1').change(updateFormEnabled);
$('#cities2').change(updateFormEnabled);
$('#start').change(updateFormEnabled);

Required Jquery 2.1

Demo

No comments:

Post a Comment