在jquery中键入时检查，而不是在模糊之后

Question

我有一个小问题，可能很容易解决，但我还没那么好。我写了这个简单的代码

$(document).ready(function(){
    $('#email').change(function(){
        var regexp = /^\w+[@]\w+\.\w{2,4}$/;
        if(regexp.test($(this).val())){
            document.getElementById("submit").disabled = false;
        }
    });
});

它检查电子邮件在表单中是否有效，如果有效，则启用“提交”按钮。问题是，它在我单击其他任何位置后验证电子邮件，而不是在键入时。因此，基本上我必须单击电子邮件字段之外的某个位置，然后才能单击提交。如果我键入正确的电子邮件，并且不单击此字段以外的任何位置，则不会解锁提交。我应该在这里换什么？有什么想法吗？我很感激所有的回答。先谢谢你。

Answer 1

试用

$('#email').keyup(function(){
    var regexp = /^\w+[@]\w+\.\w{2,4}$/;
    if(regexp.test($(this).val())){
        $("#submit").prop('disabled', false);
    }
    else $("#submit").prop('disabled', true);
});

或者

$('#email').on('keyup', function(){
    var regexp = /^\w+[@]\w+\.\w{2,4}$/;
    if(regexp.test($(this).val())){
        $("#submit").prop('disabled', false);
    }
    else $("#submit").prop('disabled', true);
});

工作示例。