Project translated automatically. Log in or register, to view the original There is a small script jquery.validate:$(this).validate({ And they ignore, invalidHandler: function() { var validEl = $('#activity_activity_group_id'); validEl.siblings().find('p').addClass('error'); validEl.change(function() { validEl.siblings().find('p').removeClass('error'); and the The and the He works.The script work principle: we look for all the not filled form fields and light the error (in our case, work with select (i.e. with the pseudo-select): Examples of code: Choose a Group... //Advancing error class Choose a group. Daily Work Assignments The Quiz Choose a group. Daily Work Assignments The Quiz If there is a select with error class then its neighboring element styled-dropdown p is also assigned to error class. All this is now working in #activity_activity_group_id I want to be able to apply the script to different select them can and will be a few, If you simply write var validEl = $('select'); then it releases all select (valid and error) and for some reason when you click the button first lighting input and if you click the second time already required select.The short does not work properly.You need a professional who understands jQuery. Write to LS - if necessary I can scale the screen in slack or Zoom and show how it works now.

Proposals 3