@ozoro

Форма в 2 шага, не срабатывает валидация, как исправить?

Есть форма, вызывается в 2 шага, на первом шаге хочу валидировать поля.

Вот код валидации, но что-то он не срабатывает.
function pre_validateForm_vo(){		
   if ($(\'#ticket-sections\').val() == ""){
          $(\'#ticket-sections\').css(\'border\',\' 2px solid #ff0000\') ;
   	  $(\'.ticket-form-vo .error_sections\').html(\'Выберите раздел вопрос-ответ\');
   } else if ($(\'#ticket-sections\').val() != ""){
         $(\'#ticket-sections\').css(\'border\',\' 2px solid #E6E6E6\') ;
   	 $(\'.ticket-form-vo .error_sections\').html(\'\');				
				
   } else if ($(\'#ticket-pagetitle\').val() == ""){
         $(\'#ticket-pagetitle\').css(\'border\',\' 2px solid #ff0000\') ;
   	 $(\'.ticket-form-vo .error_title\').html(\'Введите тему вопроса\');	
   } else if ($(\'#ticket-pagetitle\').val() != ""){
         $(\'#ticket-pagetitle\').css(\'border\',\' 2px solid #E6E6E6\') ;
   	 $(\'.ticket-form-vo .error_title\').html(\'\');
           
  } else if ($(\'#ticket-editor\').val() == ""){
         $(\'#ticket-editor\').css(\'border\',\' 2px solid #ff0000\') ;
   	 $(\'.ticket-form-vo .error_text\').html(\'Введите Ваш вопрос\');		   
  } else if ($(\'#ticket-editor\').val() != ""){
        $(\'#ticket-editor\').css(\'border\',\' 2px solid #E6E6E6\') ;
   	$(\'.ticket-form-vo .error_text\').html(\'\');				
		   
	} else{
         	   $(\'#ticket-sections\').css(\'border\',\' 2px solid #E6E6E6\');		   
         	   $(\'#ticket-pagetitle\').css(\'border\',\' 2px solid #E6E6E6\') ;		   
                   $(\'#ticket-editor\').css(\'border\',\' 2px solid #E6E6E6\');			   
			   $(\'#ticket-sections-step2\').val($(\'#ticket-sections\').val());
			   $(\'#voprostext-step2\').val($(\'#ticket-editor\').val());
			   $(\'#voprostitle-step2\').val($(\'#ticket-pagetitle\').val());
   	  		         $(\'.ticket-form-vo .error_sections\').html(\'\');			   
			         $(\'.ticket-form-vo .error_title\').html(\'\');
			         $(\'.ticket-form-vo .error_text\').html(\'\');
                                        $(\'.modal-vopros-step2\').modal(\'show\');
           }
   		};


Кнопка
<button class="blue-button" onclick="pre_validateForm_vo();">Спросить</button>


Подскажите. что не так?
  • Вопрос задан
  • 89 просмотров
Пригласить эксперта
Ответы на вопрос 1
@skazi_premiere
Верстаем как умеем ;) HTML/CSS/JS
А по вопросу, Вас условие не смущает ?
if ($('#ticket-sections').val() == ""){ // Если не заполнено
    $('#ticket-sections').css('border',' 2px solid #ff0000') ;
   	$('.ticket-form-vo .error_sections').html('Выберите раздел вопрос-ответ');
   } else if ($('#ticket-sections').val() != ""){ // Если заполнено
    $('#ticket-sections').css('border',' 2px solid #E6E6E6') ;
   	$('.ticket-form-vo .error_sections').html('');
   } else if ($('#ticket-pagetitle').val() == ""){ // Уже не работает


PS. Я к тому что вы сначала все на ошибки проверьте поля и если они все заполнены вызывайте последнюю ветку else, а так оно же работает до первого положительного совпадения на заполнение поля.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы