Question

好的，我有电子邮件和密码字段。他们的验证已经确定。对于密码字段，如果确认的密码不好，它将告诉您与电子邮件格式相同的信息。

但是当我点击注册它将验证表单是否正确或不正确。

   <div class="form-group">
        <input class="btn btn-success" type="submit" name="submit_reg" value="Register" >
        </div>

有人知道如何解决这个问题吗？这是我的代码的一部分 https://jsfiddle.net/tk2nqbo9/1/

Answer 1

您的验证虽然可能正确显示错误，但绝不会阻止提交表单。如果您想在发生错误时阻止提交，则需要向表单提交添加事件监听器。

你的听众可能看起来像这样：

document.querySelector('form').addEventListener('submit', function(event) {
    if (!passwordCheck()) {
        reportError("Password error");
        event.preventDefault(); //Stops the submission of the form
    }

    if (!emailCheck()) {
        reportError("Email error");
        event.preventDefault();
    }

    //Got here? All good, don't do anything. 
});

您可能也对pattern attribute感兴趣。至少，它可以替换您的email_validate函数。

表单验证字段

1 个答案: