ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Валидация
5 сообщений из 5, страница 1 из 1
Валидация
    #38170361
Pyx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pyx
Гость
Как расширить возможности валидации в HTML5 функцией validate().
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
<!doctype html>
<html lang='ru'>
	<head>
		<meta charset='utf-8'>
		<title>Лабораторная работа 3(ДЗ)</title>
	</head>
	<body>
		<script type='text/javascript'>
			function validate() {
				if (document.getElementById('name').value.length > 0) {
					document.getElementById('_name').innerHTML = 'Правильно!';
					document.getElementById('_name').style['color'] = 'green';
				}
				else {
					document.getElementById('_name').innerHTML = 'Не правильно!';
					document.getElementById('_name').style['color'] = 'red';
				}
			}
		</script>
		<form id=myform>
			<table>
				<tr>
					<td>
						<label for=name>ФИО</label>
					</td>
					<td>
						<input id=name name=name type=text placeholder="ФИО" required autofocus>
					</td>
					<td width=100>
						<span id=_name></span>
					</td>
				</tr>
				<tr>
					<td colspan=3 align=center>
						<input type=submit value=Проверить>
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>


Чтобы всплывающие сообщения(стандартные) были и то что в функции написано работало
...
Рейтинг: 0 / 0
01.03.2013, 00:14
| Ответить | Цитировать | Написать  
Валидация
    #38170376
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Знаете, вообще вопрос страшно непонятный
Но у Вас такой демократичный украинский ник, что я просто-таки не могу не ответить
Правда не знаю поможет ли.. Вроде в тему:
/topic/955575
...
Рейтинг: 0 / 0
01.03.2013, 00:41
| Ответить | Цитировать | Написать  
Валидация
    #38170380
Pyx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pyx
Гость
Паганель, нужно на чистом javascript
при проверке формы выпадает красивая подсказка "Заполните это поле", как сделать чтобы она осталась но в тоже время и в span вывести ошибка, или когда все правильно заполнено "все ок"
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
if (document.getElementById('name').validity.valid == true) {
document.getElementById('_name').innerHTML = 'Правильно!';
	document.getElementById('_name').style['color'] = 'green';
}
else {
	document.getElementById('_name').innerHTML = 'Не правильно!';
	document.getElementById('_name').style['color'] = 'red';
}


вот код проверки. Как написать чтобы оно проверялось по нажатию кнопки но всплывающие подсказки не пропали
...
Рейтинг: 0 / 0
01.03.2013, 00:49
| Ответить | Цитировать | Написать  
Валидация
    #38170480
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Pyx,

???
Событие onsubmit
...
Рейтинг: 0 / 0
01.03.2013, 08:25
| Ответить | Цитировать | Написать  
Валидация
    #38170492
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Pyx,

с проверкой onsubmit . Оно?
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
<!doctype html>
<html lang='ru'>
<head>
  <meta charset='utf-8'>
  <title>Лабораторная работа 3(ДЗ)</title>
</head>
<body>
<script type='text/javascript'>
  function validate() {
    if (document.getElementById('name').value.length > 0) {
      document.getElementById('_name').innerHTML = 'Правильно!';
      document.getElementById('_name').style['color'] = 'green';
      document.getElementById('myform').submit();
    }
    else {
      document.getElementById('_name').innerHTML = 'Не правильно!';
      document.getElementById('_name').style['color'] = 'red';
    }
  }
</script>
 <form id="myform" onsubmit="return false;">
  <table>
  <tr>
    <td> <label for=name>ФИО</label> </td>
    <td> <input id=name name=name type=text placeholder="ФИО" required autofocus> </td>
    <td width=100> <span id=_name></span> </td>
  </tr>
  <tr>
    <td colspan=3 align=center> <input type=submit value=Проверить onclick="validate()"> </td>
  </tr>
  </table>
</form>
</body>
</html>
...
Рейтинг: 0 / 0
01.03.2013, 08:45
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Валидация
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38170492&tid=1448640]:
 0ms
get settings:
 8ms
get forum list:
 16ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 181ms
get topic data:
 9ms
get forum data:
 3ms
get page messages:
 63ms
get tp. blocked users:
 2ms
others: 227ms
total:  517ms
созд. / загр.: 517ms
x
x
Закрыть


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