Показать сообщение отдельно
  #1 (permalink)  
Старый 06.04.2018, 21:16
Аспирант
Отправить личное сообщение для SolomonRei Посмотреть профиль Найти все сообщения от SolomonRei
 
Регистрация: 05.04.2018
Сообщений: 77

Кто поможет с выводом ошибки
Нужно,чтобы,если пользователь не ввел имя и фамилию,то выводилось сообщение под обеими полями,если же,он потом исправил,и ввел имя,то имя больше не подчеркивалось красным,а горело только поле фамилия,но у меня почему-то не получается,я проверяю переменную,если пустая то вывожу предупреждение,но до второго if не доходит,потому что я возвращаю return false; Как мне это исправить,чтобы все корректно работало.
Вот код:
<form action = "" method = "post" class = "form_search">
				<div class = "name_form">
					<div id = "lg_err"></div>
					<i><label class = "wrap_name">Имя:</label></i>
					<i><input type = "text" name = "name" placeholder = "Имя ученика" id = "search_name"></i>
				</div>
				<div class = "surname_form">
					<div id = "ps_err"></div>
					<i><label class = "wrap_name">Фамилия:</label></i>
					<i><input type = "text" name = "surname" placeholder = "Фамилия ученика" id = "search_surname"></i>
				</div>
				<div class = "find_form">
					<i><label class = "wrap_name">Найти:</label></i>
					<i><input type = "submit" name = "find" id = "search_button" value = "Найти" onclick = "return SearchHuman()"></i>
				</div>

			</form>

JS
function SearchHuman(){
			var name = document.getElementById('search_name').value;
			var surname = document.getElementById('search_surname').value;

			if(!name && !surname){
				search_name.style.border = '2px solid red';
				document.getElementById('lg_err').innerHTML = '*Введите имя!';

				search_surname.style.border = '2px solid red';
				document.getElementById('ps_err').innerHTML = '*Введите Фамилию!';
				return false;

			}


			if(!surname){
				search_surname.style.border = '2px solid red';
				document.getElementById('ps_err').innerHTML = '*Введите Фамилию!';
                                return false;
				}else{
					search_surname.style.border = 'none';
					ps_err.style.display = 'none';
				}

				
			if(!name){
				search_name.style.border = '2px solid red';
				document.getElementById('lg_err').innerHTML = '*Введите имя!';
                                return false;
				}else{
					search_name.style.border = 'none';
					lg_err.style.display = 'none';
				}
				
			
		}

Последний раз редактировалось SolomonRei, 06.04.2018 в 21:21.
Ответить с цитированием