powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JS - Как получить ссылку на элемент, соседствующий с указанным?
9 сообщений из 9, страница 1 из 1
JS - Как получить ссылку на элемент, соседствующий с указанным?
    #38330970
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Есть такая форма:
Код: html
1.
2.
3.
4.
5.
6.
7.
					<form name="auth-client" method="get" action="check.php" onsubmit="return validateFormClient()">
						<input type="hidden" name="method" value="client">
						<label><span class="label">Пользователь:</span><input type="text" name="username" placeholder="###-####" size="10"><span class="debug tips"></span></label>
						<label><span class="label">Пароль:</span><input type="password" name="password" placeholder="########" size="10"><span class="debug tips"></span></label>
						<label><input type="checkbox" name="terms" value="agreed">Я принимаю условия предоставления услуги</label>
						<button type="submit">Подключиться</button>
					</form>


Хочу прикрутить к форме валидацию до ее отправки:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
function checkField(fld,mask)
{
	lbl = fld.?
...
}
function validateFormClient()
{
	if (!checkField(document.forms["auth-client"]["username"],"###-####")) {return false}
	if (!checkField(document.forms["auth-client"]["password"],"")) {return false}
	if (!checkField(document.forms["auth-client"]["terms"],"")) {return false}
	return true;
}



В функции мне нужно проверить следующее:
1. Если проверяемое поле text — оно не должно быть пустым.
2. Если задана маска ввода, введенный текст должен ей соответствовать.
3. Если проверяемое поле checkbox, то он должен быть отмечен.
4. После input может присутствовать span.debug; если он есть, то ему нужно добавить дополнительный класс/стиль и вставить определенный текст.

Не подскажите, как решить четвертый пункт?
Если задан объект, как от него получить следующий span?
________________________
Мы смотрим с оптимизмом...
...в оптический прицел.
...
Рейтинг: 0 / 0
JS - Как получить ссылку на элемент, соседствующий с указанным?
    #38331007
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Alibek B.Если задан объект, как от него получить следующий span?
Вот как получить следующий элемент...
http://www.fpublisher.ru/documentation/dhtml_doc/dhtml03.docs#hnextsibling

Только это может быть и "текстовая нода"... Или еще какой-то элемент... Т.е. не факт, что именно span...
...
Рейтинг: 0 / 0
JS - Как получить ссылку на элемент, соседствующий с указанным?
    #38331010
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вернее вопрос поставлю иначе.
Следующий элемент — это метод nextSibling.
Но в данном случае он почему-то не работает, скорее всего из-за того, что fld это HTMLInputElement и у него такого метода нет.
Как бы из HTMLInputElement получить Node или Element?
...
Рейтинг: 0 / 0
JS - Как получить ссылку на элемент, соседствующий с указанным?
    #38331014
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsaТолько это может быть и "текстовая нода"... Или еще какой-то элемент... Т.е. не факт, что именно span...
Ну я могу вызывать nextSibling несколько раз, пока не получу span.
Но у меня почему-то nextSibling не срабатывает.
...
Рейтинг: 0 / 0
JS - Как получить ссылку на элемент, соседствующий с указанным?
    #38331528
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Alibek B.Но у меня почему-то nextSibling не срабатывает.
Он работает с DOM нормально и это проверено...
...
Рейтинг: 0 / 0
JS - Как получить ссылку на элемент, соседствующий с указанным?
    #38331530
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Alibek B.Но в данном случае он почему-то не работает, скорее всего из-за того, что fld это HTMLInputElement и у него такого метода нет.
Я с HTMLInputElement не работал...
...
Рейтинг: 0 / 0
JS - Как получить ссылку на элемент, соседствующий с указанным?
    #38331543
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Alibek B.Вернее вопрос поставлю иначе.
Следующий элемент — это метод nextSibling.
Но в данном случае он почему-то не работает, скорее всего из-за того, что fld это HTMLInputElement и у него такого метода нет.Почему-то почему? Если его нет, то будет ошибка конкретно насчет несуществующего метода, js дает однозначные ответы в таких случаях.
...
Рейтинг: 0 / 0
JS - Как получить ссылку на элемент, соседствующий с указанным?
    #38331773
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
AntonariyПочему-то почему?
nextSibling работает.
nextSibling() не работает.
Привык что в JS почти все методы.
...
Рейтинг: 0 / 0
JS - Как получить ссылку на элемент, соседствующий с указанным?
    #38332798
deblogger
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Alibek B.Есть такая форма:
4. После input может присутствовать span.debug; если он есть, то ему нужно добавить дополнительный класс/стиль и вставить определенный текст.

Оттудова откудова он там появляется надо добавить определенный класс с селекторами :before и :after и свойством content в которое прописать определенный текст.
...
Рейтинг: 0 / 0
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JS - Как получить ссылку на элемент, соседствующий с указанным?
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]