Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Валидация / 5 сообщений из 5, страница 1 из 1
01.03.2013, 00:14
    #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:41
    #38170376
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Валидация
Знаете, вообще вопрос страшно непонятный
Но у Вас такой демократичный украинский ник, что я просто-таки не могу не ответить
Правда не знаю поможет ли.. Вроде в тему:
/topic/955575
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.03.2013, 00:49
    #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, 08:25
    #38170480
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Валидация
Pyx,

???
Событие onsubmit
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.03.2013, 08:45
    #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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Валидация / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 502ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1448640]:
 0ms
get settings:
 9ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 195ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 28ms
get tp. blocked users:
 1ms
others: 232ms
total:  502ms
x
x
Закрыть


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