Question

如果存在错误，我正在尝试停止提交，如果没有错误则通过提交。

这只是代码的一部分。正则表达式正常工作，错误文本也出现了。问题是，现在我正在尝试控制提交过程并且由于错误（控制台没有显示任何内容），错误文本没有显示，即使输入错误存在，提交仍然正在进行。

有一个我无法弄清楚的错误（请不要jquery）

var sub = document.querySelector("#register input[type='submit']");//the submit botton
var err_text_1 = "First name must be filled out!";

sub.onsubmit = function(){
    if (first_name == null || first_name == "") {
        err_holder_1.innerHTML = err_text_1;
        return false;
    }
    else {
        err_holder_1.style.display = "none";
    }
}

Answer 1

要阻止在函数中提交添加事件并返回false，如下所示：

sub.onsubmit = function (event) {

  // Will prevent submit
  event.preventDefault();
  return false;

};

同时选择您提交的表单而不是按钮本身。所以：

var sub = document.getElementById('ActionForm');

希望这有帮助。

Answer 2

您需要选择

这样的表格

var sub = document.querySelector("#register");//If register is your form id Not input[type='submit']

控制提交

2 个答案: