html表单按钮颜色修改,当表单有效时更改提交按钮颜色

我希望按钮在表单有效时更改颜色，而不必点击任何内容或调用某个函数(如单击提交按钮)。只要表格有效，按钮应该变成蓝色，我无法理解这一点，任何帮助都将不胜感激。当表单有效时更改提交按钮颜色

HTML：

Email

Password

jQuery的：

$("input").on("keydown", function (e) {

return e.which !== 32;

});

$("#error_email").hide();

$("#error_password").hide();

var error_email = false;

var error_password = false;

$("#email_box").click(function(){

$("#error_email").hide();

});

$("#password_box").click(function(){

$("#error_password").hide();

});

$("#email_box").focusout(function(){

check_email();

});

$("#password_box").focusout(function(){

check_password();

});

function check_email() {

var pattern = new RegExp(/^[+a-zA-Z0-9._-][email protected][a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/i);

if(pattern.test($("#email_box").val())) {

$("#error_email").hide();

} else {

$("#error_email").html("Invalid email address");

$("#error_email").show();

error_email = true;

}

}

function check_password() {

var password_length = $("#password_box").val().length;

if (password_length < 5) {

$("#error_password").html("Must be greater than 5 characters");

$("#error_password").show();

error_password = true;

} else{

$("#error_password").hide();

}

}

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

error_email = false;

error_password = false;

check_email();

check_password();

if(error_password == false && error_email == false) {

return true;

} else {

return false;

}

});