Проверка правильности введенных данных

@!Андрей! · Регистрация: 31.01.2012

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

Добрый день! Имеется лаба:
Задача 3.1. Создайте сайт из двух страниц.Первая страница имеет заголовок Заказ мебели. На ней расположены два поля со списками (теги <SELECT>), поле (<INPUT>) и кнопка (<SUBMIT>). Из первого поля со списком пользователь выбирает изделие (шкаф, стол, сервант и т.д.).Из второго поля со спискомпользователь выбирает материал (дуб,орех, бук). В третье поле нужно ввести количество заказываемых изделий. После ввода данных необходимо проверить, все ли данные введены.Если обнаружена ошибка, то нужно вывести сообщение и предложить её исправить. Правильно введённые данные нужно отправить на веб-сервер.Вторая страница содержит написанный на PHPскрипт, с помощью которого формируется следующее сообщение:

Ваш заказ принят
Заказано изделие – название заказанного изделия
Материал – заказанный материал
Количество – заказанное количество

С HTML и JS только начинаю знакомиться, возник следующий вопрос:
1) Подскажите пожалуйста как правильно в функции checkValues_() проверить введены какие-либо данные или нет?

Вот код который написал я:

HTML5
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
<html>
<title>Лаб 4.JS</title>
<body>
    <script type="text/javascript">
        function checkValues_()
        {
 
        }
    </script>
 
        <h1>Заказ мебели</h1>
 
        <form name = "order">
            Выберите изделие:
        <select name ="type">
            <option value="cabinet">Шкаф</option>
            <option value="table">Стол</option>
            <option value="sideboard">Сервант</option>
            <option value="chair">Стул</option>
        </select>
 
        <br /> Выберите материал:
        <select name ="type">
          <option value="oak">Дуб</option>
          <option value="nut">Орех</option>
          <option value="beech">Бук</option>
      </select>
 
           <br /> Введите количество:
          <input type="text" name="number"><br />
            <input type="submit" value="Заказать" onclick="checkValues_()">
        </form>
</body>
</html>

z-z · 23.11.2012, 21:07

наверно как то так
только id="number" прописать для поля))

JavaScript
1
2
3
4
if(document.getElementById("number").value != "")
{
//что делать, если поле не пустое
}

хотя по моему легче черех php проверить)

@!Андрей! · 23.11.2012, 21:14 **[ТС]**

z-z, Спасибо) а с выводом в php можете помочь? совсем чуууууть чуть)

@kalabuni · 23.11.2012, 21:14

ошибки:
1. первый и второй <select>'ы имеют одинаковое имя, а должны иметь разные

2. тег <title> как и блок <script></script> должны находиться в заголовке страницы, т.е. между тегами <head> и </head>, а у вас вообще заголовка нет

3. самым первым тегом в заголовке (ещё до <title>) должна быть указана кодировка документа, чтобы не было "кракозяблов" на странице

4. проверка правильности заполнения формы по заданию подразумевает, что в случае неверного заполнения отправка данных на сервер будет отменена
вызов этой функции по нажатию кнопки сабмита не может приостановить отправку
вызывать функцию надо по событию onsubmit тега <form>, при этом надо, чтобы функция возвращала либо true - если всё ОК, либо false - если есть ошибка заполнения
------

замечания:
1. в первом и во втором <select>'е по умолчанию будут выбраны первые в них теги <option> - в вашем случае "Шкаф" и "Дуб"
это может привести к "неосознанному" выбору
поэтому лучше убрать тексты "Выберите..." и заменить их <option>'ами с предложением "Выбрать"
тогда пользователь обязан будет сделать осознанный выбор, да и функции проверки будет что проверять

2. использование одиночного <br /> для разделения элементов формы приводит к "слипанию" списков, поля ввода и кнопки
лучше использовать тег <p>

3. если уж пытаетесь следовать требованиям формата XHTML, то следуйте ему везде - все теги, не имеющие специального закрывающего тега, должны "закрываться" слешем, а не только тег <br />
в вашем случае это оба <input>'а
-----

бонус:
с учетом того, что регулярные выражения вы ещё явно не проходили, а вот методы indexOf () и charAt () уже должны были, сделал самую примитивную проверку на то, что в поле "количество" введено целое положительное число

Кликните здесь для просмотра всего текста

HTML5
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
48
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Лаб 4.JS</title>
<script type="text/javascript">
function checkValues_ (product, material, number)
{
if (product.value == 'sel0')  {alert ('Не выбрано изделие');      product.focus ();  return false}
if (material.value == 'sel0') {alert ('Не выбран материал');      material.focus (); return false}
if (number.value === '')      {alert ('Не указано количество');   number.select ();  return false}
 
if (number.value === '0')     {alert ('Изделий должно быть > 0'); number.select ();  return false}
var validCharacters = '1234567890';
for (var j = 0, txt = number.value, lj = txt.length; j < lj; j++)
   if (validCharacters.indexOf (txt.charAt (j)) < 0)
                              {alert ('Недопустимые символы');    number.select ();  return false}
return true;
}
</script>
</head> 
<body>
<h1>Заказ мебели</h1>
 
<form name="ordr" onsubmit="return checkValues_ (ordr.prdt, ordr.mtrl, ordr.nmbr)">
   <select name="prdt">
      <option value="sel0"     >Выберите изделие:</option>
      <option value="cabinet"  >Шкаф</option>
      <option value="table"    >Стол</option>
      <option value="sideboard">Сервант</option>
      <option value="chair"    >Стул</option>
   </select>
<p>
   <select name="mtrl">
      <option value="sel0" >Выберите материал:</option>
      <option value="oak"  >Дуб</option>
      <option value="nut"  >Орех</option>
      <option value="beech">Бук</option>
   </select>
</p>
<p>
   Введите количество: <input name="nmbr" />
</p>
<p>
   <input type="submit" value="Заказать" />
</p>
</form>
</body>
</html>

@!Андрей! · 23.11.2012, 21:18 **[ТС]**

kalabuni, блииин, жесть спасибо огромное! Буду разбираться, для меня пока что код тяжеловат)
А можно один вопрос по php задать?

z-z · 23.11.2012, 21:22

kalabuni, по моему этот код не для мегапортала готовится)) для новичка вполне сойдет...

!Андрей!, в чем помочь? проверить?

PHP
1
2
3
4
if( isset($_POST["number"])
{
//код, который работает, если поле с name="number" заполнено
}

тут даже id не надо присваивать))

Dmitry · 23.11.2012, 21:41

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

вызов этой функции по нажатию кнопки сабмита не может приостановить отправку

HTML5
1
onclick="return some_function();"

если функция возвращает false, сабмит не происходит

@kalabuni · 23.11.2012, 22:48

Dmitry, точно, что-то меня переклинило

@Riba_molod · 26.04.2020, 19:27

Здравствуйте, вы можете конкретно объяснить/показать код PHP?

Для этого примера конкретно.

@PeterLS · 27.04.2020, 08:16

Riba_molod, для какого примера? Задайте конкретный вопрос - вам обязательно помогут.

@Riba_molod · 27.04.2020, 10:21

HTML5
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
48
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Лаб 4.JS</title>
<script type="text/javascript">
function checkValues_ (product, material, number)
{
if (product.value == 'sel0')  {alert ('Не выбрано изделие');      product.focus ();  return false}
if (material.value == 'sel0') {alert ('Не выбран материал');      material.focus (); return false}
if (number.value === '')      {alert ('Не указано количество');   number.select ();  return false}
 
if (number.value === '0')     {alert ('Изделий должно быть > 0'); number.select ();  return false}
var validCharacters = '1234567890';
for (var j = 0, txt = number.value, lj = txt.length; j < lj; j++)
   if (validCharacters.indexOf (txt.charAt (j)) < 0)
                              {alert ('Недопустимые символы');    number.select ();  return false}
return true;
}
</script>
</head> 
<body>
<h1>Заказ мебели</h1>
 
<form name="ordr" onsubmit="return checkValues_ (ordr.prdt, ordr.mtrl, ordr.nmbr)">
   <select name="prdt">
      <option value="sel0"     >Выберите изделие:</option>
      <option value="cabinet"  >Шкаф</option>
      <option value="table"    >Стол</option>
      <option value="sideboard">Сервант</option>
      <option value="chair"    >Стул</option>
   </select>
<p>
   <select name="mtrl">
      <option value="sel0" >Выберите материал:</option>
      <option value="oak"  >Дуб</option>
      <option value="nut"  >Орех</option>
      <option value="beech">Бук</option>
   </select>
</p>
<p>
   Введите количество: <input name="nmbr" />
</p>
<p>
   <input type="submit" value="Заказать" />
</p>
</form>
</body>
</html>

Для этого примера, мне нужен вывод реализованный через PHP

@PeterLS · 27.04.2020, 11:02

Riba_molod, нет-нет, вы меня неправильно поняли. «Сделайте работу за меня» — тут так не работает и вряд ли кто-то за это возьмётся. Такие услуги предоставляются за деньги на специальных площадках. Покажите что вы уже реализовали, какие наброски. И задайте конкретный вопрос. Например, «не могу сообразить почему у меня такая-то ошибка», или «я сделал так, так и так, а как реализовать вот этот кусок не знаю».

Да и вопрос «нужно вывод реализованный через php» очень уж размыт.

@Riba_molod · 27.04.2020, 11:03

хорошо, спасибо

@PeterLS · 27.04.2020, 11:04

И обратились вы не по адресу. Здесь обсуждается JavaScript.

Новые блоги и статьи Все статьи Все блоги /
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита, которое может. . .	Команды "Заполнить" и "Очистить" на форме документа Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа разработанного в конфигурации КА2. В качестве источника данных указан регистр накопления, в который записываются данные о. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip

@!Андрей! 6 / 6 / 1 Регистрация: 31.01.2012 Сообщений: 134
	23.11.2012, 21:14 [ТС]
	z-z, Спасибо) а с выводом в php можете помочь? совсем чуууууть чуть) 0

@!Андрей! 6 / 6 / 1 Регистрация: 31.01.2012 Сообщений: 134
	23.11.2012, 21:18 [ТС]
	kalabuni, блииин, жесть спасибо огромное! Буду разбираться, для меня пока что код тяжеловат) А можно один вопрос по php задать? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	23.11.2012, 22:48
	Dmitry, точно, что-то меня переклинило 0

@Riba_molod 0 / 0 / 0 Регистрация: 18.10.2019 Сообщений: 29
	26.04.2020, 19:27
	Здравствуйте, вы можете конкретно объяснить/показать код PHP? Для этого примера конкретно. 0

@PeterLS 71 / 69 / 22 Регистрация: 24.11.2012 Сообщений: 502 Записей в блоге: 1
	27.04.2020, 08:16
	Riba_molod, для какого примера? Задайте конкретный вопрос - вам обязательно помогут. 0

@PeterLS 71 / 69 / 22 Регистрация: 24.11.2012 Сообщений: 502 Записей в блоге: 1
	27.04.2020, 11:02
	Riba_molod, нет-нет, вы меня неправильно поняли. «Сделайте работу за меня» — тут так не работает и вряд ли кто-то за это возьмётся. Такие услуги предоставляются за деньги на специальных площадках. Покажите что вы уже реализовали, какие наброски. И задайте конкретный вопрос. Например, «не могу сообразить почему у меня такая-то ошибка», или «я сделал так, так и так, а как реализовать вот этот кусок не знаю». Да и вопрос «нужно вывод реализованный через php» очень уж размыт. 0

@Riba_molod 0 / 0 / 0 Регистрация: 18.10.2019 Сообщений: 29
	27.04.2020, 11:03
	хорошо, спасибо 0

@PeterLS 71 / 69 / 22 Регистрация: 24.11.2012 Сообщений: 502 Записей в блоге: 1
	27.04.2020, 11:04
	И обратились вы не по адресу. Здесь обсуждается JavaScript. 0