jquery - jquery表单验证代码的问题

Question

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

总之，发生的事情是这样的：

(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;
        }
    });
});

Answer 1

尝试这个 -

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

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