Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Ryce
1 / 1 / 0
Регистрация: 10.03.2015
Сообщений: 25
1

Проверка правильности заполнения формы на стороне клиента

06.05.2016, 17:36. Просмотров 392. Ответов 5
Метки нет (Все метки)

Здравствуйте помогите написать код и вставить его в эту форму для проверки правильности заполнения формы на Javascript(на свой вкус) .
Вот собственно задание "Создать форму(html) и осуществить проверку правильности заполнения формы(java)".
1)Элементы формы: a)Select из опций, значениями которых являются названия месяцев в году, условие корректности - выбран сентябрь; б) Textarea , условие коррект. - непусто
Как бы формочку сделал а скрипт не даётся, помогите люди добрые)


HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<form>
<textarea name="My_textarea " rows="2" cols="35"> 
Справочный текст
 
</textarea> <br> 
<select name="menu">
<option selected value ="Сентябрь">Сентябрь 
<option value=" Октябрь"> Октябрь 
<option value=" Ноябрь"> Ноябрь
<option value=" Декабрь"> Декабрь 
<option value=" Январь"> Январь 
<option value=" Февраль"> Февраль
<option value=" Март"> Март 
<option value=" Апрель"> Апрель 
<option value=" Май"> Май  
<option value=" Июнь"> Июнь 
<option value=" Июль"> Июль 
<option value=" Август"> Август  
</select>
<input type="reset" value="Reset ">
<input type="submit" value ="Послать данные!"> 
</form>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
06.05.2016, 17:36
Ответы с готовыми решениями:

Проверка правильности заполнения формы
Задача реализовать проверку правильности заполнения формы средствами...

Паника. Проверка даных на стороне клиента
Доброго времени суток уважаемые форумчане. То ли я чего-то не понимаю, то ли...

Проверка введенных в форму данных на стороне клиента
Всем привет! У меня примитивный вопрос, но ответ хотелосьбы услышать. в...

Реализовать проверку формы на стороне клиента
Хочу понять как через js сделать чтобы проверял сразу в браузере &lt;html&gt;&lt;head&gt;...

Нужно выполнить проверку полей на стороне клиента перед отправкой на сервер данных формы.
Такая вот проблема. Имеет место быть форма с кнопкой типа submit. Нужно...

5
Padonak
Философ-разговорник
158 / 94 / 56
Регистрация: 20.02.2016
Сообщений: 369
06.05.2016, 19:12 2
Как бухать на Первое мая и шашлык жрать, так мы можем, да?

Добавлено через 35 минут
PHPHTML
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
42
43
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>123</title>
<script>
function _(selector){return document.querySelector(selector);}
function __(selector){return document.querySelectorAll(selector);}
 
onload=function(){
_('#myform').onsubmit=function(e){
var fields=__('#myform [name]'),
    isready=0;
[].forEach.call(fields,function(X){!X.value?isready--:isready++;});
return isready==fields.length;
}
}
</script>
</head>
<body>
<form id="myform">
<textarea name="My_textarea" rows="2" cols="35" placeholder="Справочный текст"></textarea>
<br />
<select name="menu">
<option value="" /> Выбрать
<option value="Сентябрь" />Сентябрь 
<option value="Октябрь" /> Октябрь 
<option value="Ноябрь" /> Ноябрь
<option value="Декабрь" /> Декабрь 
<option value="Январь" /> Январь 
<option value="Февраль" /> Февраль
<option value="Март" /> Март 
<option value="Апрель" /> Апрель 
<option value="Май" /> Май  
<option value="Июнь" /> Июнь 
<option value="Июль" /> Июль 
<option value="Август" /> Август  
</select>
<input type="reset" value="Reset" />
<input type="submit" value="Послать данные!" />
</form>
</body>
</html>
Добавлено через 14 минут
Не дочитал про сентябрь. Исправьте соответствующий кусок на:

Javascript
1
2
3
4
5
6
7
8
onload=function(){
_('#myform').onsubmit=function(e){
var fields=__('#myform [name]'),
    isready=0;
[].forEach.call(fields,function(X){(X!=_('[name="menu"]')?!X.value:X.value!='Сентябрь')?isready--:isready++;});
return isready==fields.length;
}
}
0
Ryce
1 / 1 / 0
Регистрация: 10.03.2015
Сообщений: 25
06.05.2016, 19:25  [ТС] 3
оО ) извиняюсь). Спасибо за труд, тут нюанс код , что вы скинул по заданию как понял правильный если текст элемента Textarea пустой не отправляет данные, а можно добавить например уведомление о том что "Строка не должна быть пуста"
0
Миниатюры
Проверка правильности заполнения формы на стороне клиента  
Padonak
Философ-разговорник
158 / 94 / 56
Регистрация: 20.02.2016
Сообщений: 369
06.05.2016, 20:41 4
PHPHTML
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
42
43
44
45
46
47
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>123</title>
<script>
function _(selector){return document.querySelector(selector);}
function __(selector){return document.querySelectorAll(selector);}
 
onload=function(){
_('#myform').onsubmit=function(e){
var fields=__('#myform [name]'),
    isready=0,
    message='';
[].forEach.call(fields,function(X){
(X!=_('[name="menu"]')?!X.value:X.value!='Сентябрь')?(isready--,message+='Поле "'+X.attributes['data-description'].nodeValue+'" пустое или введено некорректное значение!\n\n'):isready++;
});
if(message){alert(message);}
return isready==fields.length;
}
}
</script>
</head>
<body>
<form id="myform">
<textarea name="My_textarea" rows="2" cols="35" placeholder="Справочный текст" data-description="Текст сообщения"></textarea>
<br />
<select name="menu" data-description="Выбор месяца">
<option value="" /> Выбрать
<option value="Сентябрь" />Сентябрь 
<option value="Октябрь" /> Октябрь 
<option value="Ноябрь" /> Ноябрь
<option value="Декабрь" /> Декабрь 
<option value="Январь" /> Январь 
<option value="Февраль" /> Февраль
<option value="Март" /> Март 
<option value="Апрель" /> Апрель 
<option value="Май" /> Май  
<option value="Июнь" /> Июнь 
<option value="Июль" /> Июль 
<option value="Август" /> Август  
</select>
<input type="reset" value="Reset" />
<input type="submit" value="Послать данные!" />
</form>
</body>
</html>
0
Ryce
1 / 1 / 0
Регистрация: 10.03.2015
Сообщений: 25
06.05.2016, 20:49  [ТС] 5
Спасибо большое)! Дай вам бог здоровья)
0
Padonak
Философ-разговорник
158 / 94 / 56
Регистрация: 20.02.2016
Сообщений: 369
06.05.2016, 20:51 6
Спасибо )) Смотрите, чтобы препод не спалил с заданием
0
06.05.2016, 20:51
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
06.05.2016, 20:51

Проверка заполнения формы
не получается это 1.Пароль от 3 до 8 цифр что бы был 2.Проверка на пустоту...

Проверка заполнения формы
Здравствуйте ! Есть форма. с радио кнопками. Как сделать чтобы скрипт...

Проверка заполнения полей формы
Добрый день. Суть вопроса следующая. Имеется форма с различными объектами. Я...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru