salve ho una tabella db così composta

id_materiale ** nome_prodotto ** colore ** tipo_materiale ** quantità box **

1 ** cofano ** SI ** SI ** NO **
2 ** telaio ** NO ** SI ** SI **


Oltre a queste invio un file quindi controllo quano invio un form :

codice:
function control(){
   var file=materiale_form.file.value;
   var nome_prodotto=materiale_form.nome_prodotto.value;
   var colore=materiale_form.colore.value;
   var tipo_materiale=materiale_form.tipo_materiale.value;
   var quantita_box = materiale_form.quantita_box.value;
 
   if(file ==''){
          var message = 'Non hai selezionato il file ' ;
         $('#alertModal').find('.modal-body p').text(message);
         $('#alertModal').modal('show');
         return false;
   }
   else if(nome_prodotto==''){
          var message = 'Non hai selezionato il prodotto ' ;         
         $('#alertModal').find('.modal-body p').text(message);
         $('#alertModal').modal('show');
         return false;
   }
   else if(tipo_materiale==''){
          var message = 'Non hai selezionato il prodotto ' ;         
         $('#alertModal').find('.modal-body p').text(message);
         $('#alertModal').modal('show');
         return false;
   }
}
Praticamente in base alla scelta del tipo di materiale ho delle select attive oppure non selezionabili(tramite ajax inserisco le option nei div delle select) , quindi per i campi standard il controllo è quello sopra ,ma nei casi in cui può essere facoltativo

Ad esempio seleziono nome_prodotto=cofano faccio una query con ajax e mi restituisce che deve essere scelto il colore quindi devo controllare che colore !=''

come posso realizzarlo? (non posso mettere div nel js e scriverci con ajax giusto?)