Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/7: Рейтинг темы: голосов - 7, средняя оценка - 5.00
102 / 93 / 36
Регистрация: 01.04.2013
Сообщений: 649
1

Обязательные поля

11.10.2013, 10:18. Показов 1261. Ответов 11
Метки нет (Все метки)

Как сделать поле обязательным только в определённых условиях.
Есть поле оценки option. Есть поле комментариев textarea.
Если оценка 3 и ниже, то поле комментариев становится обязательным.
Как это сделать?
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
11.10.2013, 10:18
Ответы с готовыми решениями:

Обязательные поля не работают
Есть код, почему-то обязательные поля не работают и человек без проблем отправляет форму. Сижу уже...

Обязательные поля для заполнения
Ребят подскажите.нужно сделать что бы все поля на форме были обязательными. Вот код формы ...

Как сделать поля обязательные для заполнения
мне нужно отметить поля обязательные для заполнения красной звездочкой, как это сделать

Обязательные поля для заполнения, required не работает
Здравствуйте, обнаружил что на сайте в input не работает required на проверку ведённых данных в...

11
0 / 0 / 0
Регистрация: 11.10.2013
Сообщений: 4
11.10.2013, 10:42 2
Если у вас есть условие, то для решения такой задачи без программирования не обойтись. В данном случае речь идет о программировании на JavaScript.
Рассмотрим код:
HTML5
1
2
3
4
5
6
7
8
9
<form name="form">
  <select name="valuation">
    <option selected>5</option>
    <option>4</option>
    <option>3</option>
    <option>2</option>
    <option>1</option>
  </select>
</form>
Тогда на основе этой формы составим скрипт:
Javascript
1
2
3
4
5
6
7
8
9
10
var value = +document.forms['form'].valuation.value; // + для конвертации в число
if(value <= 3) {
  // Здесь размещаем код, информирующий о том, что поле комментариев
  // Является обязательным и, возможно, обнуляем форму
  document.forms['form'].reset();
} else {
  // Здесь размещаем код, который должен выполняться
  // если оценка больше 3. Например можно отправить форму
  document.forms['form'].submit();
}
Затем такой код можно назначить ивент-хендлеру, в итоге получится примерно то, что хотели.
Прошу прощения, если код не совсем валидный - я не особо силен в JS. Саму концепцию понимаю,
а реализация хромает))))
0
102 / 93 / 36
Регистрация: 01.04.2013
Сообщений: 649
11.10.2013, 10:46  [ТС] 3
Вот я тоже в эту сторону смотрел, но видимо из-за того, что скрипт с расширением php javascrip'ы не работают
0
Человек
325 / 199 / 63
Регистрация: 04.02.2013
Сообщений: 1,200
11.10.2013, 11:31 4
Firework, javascript можно вставить куда угодно.
0
102 / 93 / 36
Регистрация: 01.04.2013
Сообщений: 649
11.10.2013, 11:55  [ТС] 5
покажите просто пример пожалуйста

Добавлено через 16 минут
ну как обычно...
Хорошо, как можно сделать так, чтобы значения формы проверялись php скриптом, если всё ок, то вызывается обработчик формы, если не ок, значит опять показывается форма с введёнными значениями.
0
Человек
325 / 199 / 63
Регистрация: 04.02.2013
Сообщений: 1,200
11.10.2013, 12:26 6
Вот пример, свои правила добавте.

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$('#myform').validate({
    submitHandler: function(){
        alert("ok");
    },
    rules: {
        Name: {
            required: true,
            minlenght: 2
        }
    },
    messages: {
        Name: {
            required: "Ошибка",
            minlenght: "Мало символов"
        }
    }
});
1
102 / 93 / 36
Регистрация: 01.04.2013
Сообщений: 649
11.10.2013, 12:44  [ТС] 7
а полностью со скриптами?
0
Человек
325 / 199 / 63
Регистрация: 04.02.2013
Сообщений: 1,200
11.10.2013, 12:56 8
Извиняюсь, опчатался в коде
minlength а не minlenght
Javascript
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
<!doctype html>
<head>
<script src="http://yandex.st/jquery/1.9.1/jquery.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<script>
$(function (){
$('#myform').validate({
    submitHandler: function(){
        alert("ok");
    },
    rules: {
        Name: {
            required: true,
            minlength: 2
        }
    },
    messages: {
        Name: {
            required: "Ошибка",
            minlength: "Мало символов"
        }
    }
});
})
</script>
 
</head>
<body>
<form action="" id="myform" method="post">
    <input type="text" name="Name" />
    <input type="submit" value="отправить" />
</body>
</html>
1
102 / 93 / 36
Регистрация: 01.04.2013
Сообщений: 649
11.10.2013, 13:01  [ТС] 9
а как-то попроще можно?
без ссылки на другие скрипты.
Допустим простое поле. И кнопка ввода.
Если введено "Петров", то запускается другой скрипт, где вы водится: "здравствуйте, Петров", а если нет, то
возвращается в форме ввода, где уже написано это ошибочное значение.
0
Человек
325 / 199 / 63
Регистрация: 04.02.2013
Сообщений: 1,200
11.10.2013, 13:30 10
Firework, jquery библиотека всё равно нужна, и вторая для валидации тоже, если вам этот способ нужен.

Javascript
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
<!doctype html>
<head>
<script src="http://yandex.st/jquery/1.9.1/jquery.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<script>
$(function (){
$('#myform').validate({
 
    submitHandler: function(){
        var str = document.getElementById("tekstovoepole").value;
        alert("Здравствуйте " + str);
    },
    
    rules: {
        Name: {
            required: true,
            minlength: 2
        }
    },
    messages: {
        Name: {
            required: "Ошибка",
            minlength: "Мало символов"
        }
    }
});
})
</script>
 
</head>
<body>
<form action="" id="myform" method="post">
    <input id="tekstovoepole" type="text" name="Name" />
    <input type="submit" value="отправить" />
</body>
</html>
1
102 / 93 / 36
Регистрация: 01.04.2013
Сообщений: 649
11.10.2013, 14:01  [ТС] 11
Спасибо конечно, но это не то что надо.

Добавлено через 2 минуты
должно быть хотя бы 2 файла
0
Человек
325 / 199 / 63
Регистрация: 04.02.2013
Сообщений: 1,200
11.10.2013, 14:51 12
Цитата Сообщение от Firework Посмотреть сообщение
должно быть хотя бы 2 файла
Ну разбейте то что нужно на функции, и в зависимости от надобности подключайте, можете и из разных файлов.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
11.10.2013, 14:51

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Нужно сделать обязательные поля, но required не работает
&lt;div class=&quot;col-xs-12 col-md-6&quot;&gt; &lt;div class=&quot;form_wrap&quot;&gt; &lt;p&gt;Желаете узнать...

Обязательные атрибуты для тега картинки в HTML5
Подскажите, пожалуйста, как в спецификации HTML 5 посмотреть, какие атрибуты обязательны для...

Обязательные поля
Здравствуйте! Подскажите ,пожалуйста, как в админке при редактировании заказа убрать...

Обязательные поля
Доброго времени суток! Заполняю таблицу через ADO, DBEdit и DBNavigator. Есть несколько полей,...


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

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

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