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

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