HTML5/JS/jQuery: On invalid input, mark a different (arbitrary) element as invalid

Question

I am trying to create one of those standard new password forms, where you type the new password once and then a second time to confirm. I would like it so that once you blur

Answer 1

Список регионов работы для выбора
            
            

                                    
                    
                        
                        
                    
                
            

Проверка выбора регионов работы (разрешмет отправку формы, если минимум 1 выбран)
            

        $('.checkbox-group.required input').on('change', function(){
            checkRegions();
        });


        function checkRegions(){

            checked_counter = $('.checkbox-group.required :checkbox:checked').length;            

            if(checked_counter > 0){
                $('.checkbox-group.required #region_id_2')[0].setCustomValidity('');

            }else{
                $('.checkbox-group.required #region_id_2')[0].setCustomValidity('Выберите хотябы 1 из вариантов');
            }
        }

$(document).ready(function() {

            checkRegions();


            $("form").submit(function(event){
                   if($('.checkbox-group.required :checkbox:checked').length <= 0 ){                        
                        $('.checkbox-group.required #region_id_2').focus();
                        event.preventDefault();

                    }


            })


        });