I have five text boxes and a submit button.
By default, my submit button is disabled.
I want that, on filling the values in all the text boxes, button should be enabled.
button should not enable after filling only some text boxes.
function doCheck(){
var allFilled = true;
$('input[type=text]').each(function(){
if($(this).val() == ''){
allFilled = false;
return false;
}
});
$('input[type=submit]').prop('disabled', !allFilled);
}
$(document).ready(function(){
$('input[type=text]').keyup(doCheck).focusout(doCheck);
});
This requires the submit button have an ID of mysubmit:
function doCheck(){
var allFilled = true;
var inputs = document.getElementsByTagName('input');
for(var i=0; i<inputs.length; i++){
if(inputs[i].type == text && inputs[i].value == ''){
allFilled = false;
break;
}
}
document.getElementById(mysubmit).disabled = !allFilled;
}
window.onload = function(){
var inputs = document.getElementsByTagName('input');
for(var i=0; i<inputs.length; i++){
if(inputs[i].type == text){
inputs[i].onkeyup = doCheck;
inputs[i].onblur = doCheck;
}
}
};
