Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 15.09.2017, 15:17
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

если вам нужно выполнять разный код для вновь созданных элементов: предлагаю такой код.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script>
var i = 1, j = 1;
var observer = new MutationObserver(function(mutations) {
	if(document.querySelector("#id")&& i) {
		alert('Я здесь))');
		i--;
	}
	if(document.querySelector("#id2")&& j) {
		alert('Я Второй))');
		j--;
	}
});
observer.observe(document.body, {childList: true});
// добавить в body нужный элемент через 3 сек и через 6 сек.
setTimeout(()=>document.body.insertAdjacentHTML('beforeend', '<label id="id">Hello</label>'), 3000);
setTimeout(()=>document.body.insertAdjacentHTML('beforeend', '<label id="id2">Other TEXT</label>'), 6000);
	</script>	
</body>
</html>
Ответить с цитированием
  #12 (permalink)  
Старый 15.09.2017, 15:40
Профессор
Отправить личное сообщение для DDim1000 Посмотреть профиль Найти все сообщения от DDim1000
 
Регистрация: 20.10.2016
Сообщений: 223

Сообщение от j0hnik Посмотреть сообщение
не нужно создавать два элемента с одинаковым ID отсюда проблемы.
...
ID не я же создаю, а JQuery.
Как тогда в такой ситуации поступить, если одно и тоже поле нужно проверить на пустоту, проверяется формат телефона, и посмотреть в базе, не зарегистрирован ли уже кто-то с этим номером?:
function clearPhone(val){
	var newVal = val.replace(/[^\d]+/g, '');
	if (newVal == '') {
		return false;
	  }else{
		  return newVal;  
		}
	};
  $.validator.addMethod('reg_phone', function (value) {
 		   var phone = clearPhone(value); console.log(phone);
		   var formatPhone = /79/g;
		   var rezzult = phone.match(formatPhone); 
			if (rezzult == null) {
				return false;
			 }	
     .....
         $('#form_reg').validate({

                //Правила для проверки

                rules: {
                  .....
                  		    "reg_phone":{ 
				    required:true,
					reg_phone: { reg_phone: true },
					remote: {url: "check_phone.php", type:"post" } 									
			    },
             			},
                //Текста предупреждений

                messages: {
                    .....
                				"reg_phone":{ 
				    required: "Укажите номер телефона!",
					reg_phone:"Неверный формат номера телефона!",
					remote: "Пользователь с таким номером уже <br /> зарегистрирован!"
			    },
							 
             },

Вообще у меня задача такая:
Когда выводиться сообщение: "Пользователь с таким номером уже <br /> зарегистрирован!", нужно изменить margin-top, чтоб сообщение выше было.
Ответить с цитированием
  #13 (permalink)  
Старый 15.09.2017, 15:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

DDim1000,
может css??
Ответить с цитированием
  #14 (permalink)  
Старый 15.09.2017, 16:00
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Сообщение от DDim1000 Посмотреть сообщение
ID не я же создаю, а JQuery.
сайт своей жизнью живет? не слушается вас? НАКАЖИТЕ ЕГО!
Ответить с цитированием
  #15 (permalink)  
Старый 15.09.2017, 16:46
Профессор
Отправить личное сообщение для DDim1000 Посмотреть профиль Найти все сообщения от DDim1000
 
Регистрация: 20.10.2016
Сообщений: 223

Сообщение от рони Посмотреть сообщение
DDim1000,
может css??
Естественно нужно менять стили..., нужно сделать margin-top: -3, если выводится вот это сообщение: "Пользователь с таким номером уже зарегистрирован!".
А как узнать о том, что вывелось именно это сообщение? Просто нужно узнать длину строки, и если длинна строки больше 31 символа, то изменить margin-top.
Ответить с цитированием
  #16 (permalink)  
Старый 15.09.2017, 18:26
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

DDim1000,
1 нормальный способ изучить validate - изменить шаблон для remote
2. ничего не изучать, что уже ненормально, а просто изменить css (консоль в помощь, смотрите html этого remote сообщения, вычисляйте селектор).
всё остальное лучше не рассматривать
Ответить с цитированием
  #17 (permalink)  
Старый 16.09.2017, 12:38
Профессор
Отправить личное сообщение для DDim1000 Посмотреть профиль Найти все сообщения от DDim1000
 
Регистрация: 20.10.2016
Сообщений: 223

Сообщение от рони Посмотреть сообщение
DDim1000,
1 нормальный способ изучить validate - изменить шаблон для remote
2. ничего не изучать, что уже ненормально, а просто изменить css (консоль в помощь, смотрите html этого remote сообщения, вычисляйте селектор).
всё остальное лучше не рассматривать
Вы хотите сказать, что у этих трех сообщений будут разные селекторы?:
"reg_phone":{
                    required: "Укажите номер телефона!",
                    reg_phone:"Неверный формат номера телефона!",
                    remote: "Пользователь с таким номером уже <br /> зарегистрирован!"
Ответить с цитированием
  #18 (permalink)  
Старый 16.09.2017, 14:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

DDim1000,
обернуть сообщение в span.remote не пробовали?
Ответить с цитированием
  #19 (permalink)  
Старый 16.09.2017, 19:07
Профессор
Отправить личное сообщение для DDim1000 Посмотреть профиль Найти все сообщения от DDim1000
 
Регистрация: 20.10.2016
Сообщений: 223

Сообщение от рони Посмотреть сообщение
DDim1000,
обернуть сообщение в span.remote не пробовали?
рони, спасибо! Вопрос решен!:
remote: '<p id="number_is_busy">Пользователь с таким номером уже <br /> зарегистрирован!</p>'

#number_is_busy{
	margin-top: -9px;
}
Ответить с цитированием
  #20 (permalink)  
Старый 16.09.2017, 19:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

DDim1000,
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как узнать размер в пикселях элемента созданного элемента span Faab Общие вопросы Javascript 2 09.11.2013 16:46
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25
Как то можно узнать ID HTML элемента вызвавшего JavaScript функцию? Opusel Events/DOM/Window 1 18.12.2011 18:36
Как узнать какой скрипт вызывается при клике по эленету (если это прямо не прописано) Dmitriy Komar Events/DOM/Window 4 08.12.2011 17:21
Как узнать width элемента в ie? trikadin Internet Explorer 13 07.11.2011 22:12