Javascript 如果（错误）{ removeError（事件目标）； event.target.parentElement.parentElement.lastElementChild.setAttribute（'disabled'，true）； 返回； } } removeError（事件目标）； event.target.parentElement.parentElement.lastElementChild.removeAttribute（'disabled'）； }

您需要更新检查功能。当前函数只是验证您在添加更改输入侦听器时正在更改的输入。您需要添加验证其他字段错误的循环

// function check field
function checkInput(event) {

  if (!event.target.form.classList.contains('validate')) return;

  var error = hasError(event.target);

  if (error) {
    event.target.parentElement.parentElement.lastElementChild.setAttribute('disabled', true);
    showError(event.target, error);
    return;
  }

  //To Check All fields If There is still an error
  var fields = event.target.parentElement.parentElement.elements;
  for (var i = 0; i < fields.length; i++) {
    error = hasError(fields[i]);
    if (error) {
      removeError(event.target);
      event.target.parentElement.parentElement.lastElementChild.setAttribute('disabled', true);
      return;
    }
  }

  removeError(event.target);
  event.target.parentElement.parentElement.lastElementChild.removeAttribute('disabled');

}

//函数检查字段
函数检查输入（事件）{
如果（！event.target.form.classList.contains（'validate'））返回；
var error=hasrerror（event.target）；
如果（错误）{
event.target.parentElement.parentElement.lastElementChild.setAttribute（'disabled'，true）；
错误（event.target，error）；
返回；
}
//如果仍然存在错误，则检查所有字段
变量字段=event.target.parentElement.parentElement.elements；
对于（变量i=0；i

解决方案：

var forms=document.querySelectorAll（'.validate'）；
对于（var i=0；i
输入{
显示：内联块；
字号：1em；
边缘底部：5px；
填充：0.25em 0.5em；
宽度：100%；
}
.按钮[已禁用]，
.按钮[禁用]：激活，
.按钮[禁用]：焦点，
.按钮[禁用]：悬停{
边框颜色：#ccc；
背景色：#ccc；
}
.按钮{
背景色：#0088cc；
边框：1px实心#0088cc；
颜色：#ffffff；
显示：内联块；
字体大小：0.9375em；
字体大小：正常；
线高：1.2；
右边距：0.3125em；
边缘底部：0.3125em；
填充：0.5em 0.6875em；
宽度：自动；
}
.按钮：激活，
.按钮：焦点，
.按钮：悬停{
背景色：#005580；
边框颜色：#005580；
颜色：#ffffff；
文字装饰：无；
}    
/**
*错误
*/
.错误{
边框颜色：红色；
}
.错误消息{
颜色：红色；
字号：1rem；
边缘底部：15px；
}



解决方案：


var forms=document.querySelectorAll（'.validate'）；
对于（var i=0；i