Javascript 如何在单击“添加”按钮后检查我的表单是否有效，以及是否不超过更改输入/选择的颜色？

HTML:

---

单击添加按钮检查$'.error'.length。如果为零，则不存在错误：

 $('#add_button').on('click',function(){
     if($('.error').length!=0){
        console.log('Error exist');
     }
 });

当涉及到更改颜色时，将css添加到.error类中

点击一个像

---

我可以为select输入添加背景色吗？@user3386824您可以参考此更改select的颜色。您应该在每次单击“添加”按钮时清除所有元素中的错误类。@user3386824:问题仍然存在？？你能创作小提琴吗？？

if($( "#id_myselect option:selected" ).val() == 0){
       $("#id_myselect").addClass( "error" );
    }
else if($( "#id_book option:selected" ).val() == 0){
       $("#id_book").addClass( "error" );
}    

else if($( "id_number" ).val() <= 0){
       $("#id_number").addClass( "error" );
}

 $('#add_button').on('click',function(){
     if($('.error').length!=0){
        console.log('Error exist');
     }
 });

$(function(){
    $('#add_button').on('click',function(){
        if($( "#id_myselect" ).val() == 0){// remove option:selected
           $("#id_myselect").addClass( "error" );
        }else if($( "#id_book" ).val() == 0){// remove option:selected
           $("#id_book").addClass( "error" );
        }    
        else if($( "#id_number" ).val() <= 0){
           $("#id_number").addClass( "error" );
        }
    });
});