jquery表单验证代码存在问题

我正在尝试创建表单验证脚本。到目前为止，我所做的一切都在下面，希望是不言自明的，并不复杂。然而，我有一个问题，那就是当输入有效的电子邮件时，它不会提交表单

总之，发生的情况是：

（1） 当未输入任何内容时，将添加无效类，并且表单不会提交

（2） 当输入无效电子邮件时，将添加无效类，并且表单不会提交

（3） 输入有效电子邮件后，表单不执行任何操作，也不提交有效条目

有人能在代码中看到可能导致这种情况的任何东西并提供补救措施吗

多谢各位

$(function(){

var emailbox, emailval, emailreg, pcount;
    emailbox = $('#e-mail');
    emailval = $('#e-mail').val();
    emailreg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    pcount = 0;

    $('form').on('submit', function(e){
        e.preventDefault();

        if (emailval === '' || emailval === ' ') {
            emailbox.addClass('invalid');
            pcount += 1;
        }

        if (!emailreg.test(emailval)) {
            emailbox.addClass('invalid');
            pcount += 1;
        }

        if (pcount === 0) {
            return true;
        }
    });
});

试试这个-

$('form').on('submit', function(e){
        if (emailval === '' || emailval === ' ') {
            emailbox.addClass('invalid');
            return false;
        }

        if (!emailreg.test(emailval)) {
            emailbox.addClass('invalid');
            return false;
        }
});

---

你考虑过了吗？没有，我正在努力学习jQuery，我自己也在尽可能多地写。。