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

@Firework · Регистрация: 01.04.2013

Студворк — интернет-сервис помощи студентам

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

@TheBeatCoder · 11.10.2013, 10:42

Если у вас есть условие, то для решения такой задачи без программирования не обойтись. В данном случае речь идет о программировании на 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. Саму концепцию понимаю,
а реализация хромает))))

@Firework · 11.10.2013, 10:46 **[ТС]**

Вот я тоже в эту сторону смотрел, но видимо из-за того, что скрипт с расширением php javascrip'ы не работают

@dolte · 11.10.2013, 11:31

Firework, javascript можно вставить куда угодно.

@Firework · 11.10.2013, 11:55 **[ТС]**

покажите просто пример пожалуйста

Добавлено через 16 минут
ну как обычно...
Хорошо, как можно сделать так, чтобы значения формы проверялись php скриптом, если всё ок, то вызывается обработчик формы, если не ок, значит опять показывается форма с введёнными значениями.

@dolte · 11.10.2013, 12:26

Вот пример, свои правила добавте.

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: "Мало символов"
        }
    }
});

@Firework · 11.10.2013, 12:44 **[ТС]**

а полностью со скриптами?

@dolte · 11.10.2013, 12:56

Извиняюсь, опчатался в коде
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>

@Firework · 11.10.2013, 13:01 **[ТС]**

а как-то попроще можно?
без ссылки на другие скрипты.
Допустим простое поле. И кнопка ввода.
Если введено "Петров", то запускается другой скрипт, где вы водится: "здравствуйте, Петров", а если нет, то
возвращается в форме ввода, где уже написано это ошибочное значение.

@dolte · 11.10.2013, 13:30

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>

@Firework · 11.10.2013, 14:01 **[ТС]**

Спасибо конечно, но это не то что надо.

Добавлено через 2 минуты
должно быть хотя бы 2 файла

@dolte · 11.10.2013, 14:51

Сообщение от Firework

должно быть хотя бы 2 файла

Ну разбейте то что нужно на функции, и в зависимости от надобности подключайте, можете и из разных файлов.

Новые блоги и статьи Все статьи Все блоги /
Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@Firework 102 / 93 / 36 Регистрация: 01.04.2013 Сообщений: 654

	Обязательные поля 11.10.2013, 10:18. Показов 1890. Ответов 11 Метки нет (Все метки) Как сделать поле обязательным только в определённых условиях. Есть поле оценки option. Есть поле комментариев textarea. Если оценка 3 и ниже, то поле комментариев становится обязательным. Как это сделать? 0

@Firework 102 / 93 / 36 Регистрация: 01.04.2013 Сообщений: 654
	11.10.2013, 10:46 [ТС]
	Вот я тоже в эту сторону смотрел, но видимо из-за того, что скрипт с расширением php javascrip'ы не работают 0

@dolte Человек 331 / 205 / 63 Регистрация: 04.02.2013 Сообщений: 1,223
	11.10.2013, 11:31
	Firework, javascript можно вставить куда угодно. 0

@Firework 102 / 93 / 36 Регистрация: 01.04.2013 Сообщений: 654
	11.10.2013, 11:55 [ТС]
	покажите просто пример пожалуйста Добавлено через 16 минут ну как обычно... Хорошо, как можно сделать так, чтобы значения формы проверялись php скриптом, если всё ок, то вызывается обработчик формы, если не ок, значит опять показывается форма с введёнными значениями. 0

@Firework 102 / 93 / 36 Регистрация: 01.04.2013 Сообщений: 654
	11.10.2013, 12:44 [ТС]
	а полностью со скриптами? 0

@Firework 102 / 93 / 36 Регистрация: 01.04.2013 Сообщений: 654
	11.10.2013, 13:01 [ТС]
	а как-то попроще можно? без ссылки на другие скрипты. Допустим простое поле. И кнопка ввода. Если введено "Петров", то запускается другой скрипт, где вы водится: "здравствуйте, Петров", а если нет, то возвращается в форме ввода, где уже написано это ошибочное значение. 0

@Firework 102 / 93 / 36 Регистрация: 01.04.2013 Сообщений: 654
	11.10.2013, 14:01 [ТС]
	Спасибо конечно, но это не то что надо. Добавлено через 2 минуты должно быть хотя бы 2 файла 0