根据多个输入的验证禁用提交按钮

Question

我已经使用keyup检查了每个输入，或者使用不同的js文件更改了事件。因此，用户可以在制作时看到他/她的错误。现在我想收集输入的所有验证信息，并使点击事件提交按钮以启用或禁用提交。

我尝试为所有输入创建名为“isvalid”的自定义属性，并根据验证结果集“isvalid”为“true”或“false”。我的计划是检查所有无效值并禁用或启用提交按钮。但我只能在同一事件中更改属性值，但不能在不同的js文件中更改。

Answer 1

您可以为每个输入指定一个特定的类名，以表明它需要验证，并在您提交表单时循环显示它们：

$('.submit_button').click(function(event) {
   $('.required').each(function() {
      if (!this.value) {
         event.preventDefault();
         alert('Please fill in all required fields');
      }
   });
});