- HTML форма със задължителни полета
WT форуми -> HTML / Javascript / CSS -> HTML форма със задължителни полета
Създайте нова тема Напишете отговор 
Автор Съобщение
djidja83
Нов
Нов

Регистриран на: 02/01/2016 11:49 pm

Support: 0
Bonus: 0
Мнения: 45
Мнение 27/06/2018 9:50 pm     HTML форма със задължителни полета Отговорете с цитат


Последен въпрос по прословутата ми дипломна работа - има ли начин input поле от форма да се направи задължително за попълване, но само с HTML - за js зная, но вече нямам време да пиша скрипт.

HTML code:
<table border=0>
<tr><td>Обиколка на талията в сантиметри: </td><td><input type="text" name="a" pattern="[0-9]{2,3}" title="Моля въведете валидна цифрова стойност!"></td></tr>
<tr><td>Обиколка на ханша в сантиметри: </td><td><input type="text" name="b" pattern="[0-9]{2,3}" title="Моля въведете валидна цифрова стойност!"></td></tr>
<tr><td>Височина в сантиметри: </td><td><input type="text" name="c" pattern="[0-9]{3}" title="Моля въведете валидна цифрова стойност!"></td></tr>
<tr><td>Тегло в килограми: </td><td><input type="text" name="d" pattern="[0-9]{2,3}" title="Моля въведете валидна цифрова стойност!"></td></tr>
<tr><td>Начин на живот: </td><td><select name="activity" required size="1">
<option value= "" selected disabled> Моля изберете начин на живот!</option>
<option value="1.0">Заседнал начин на живот</option>
<option value="1.2">Лека активност (ходене пеша)</option>
<option value="1.4">Спортуване 3 пъти седмично по 30 минути</option>
<option value="1.6">Спортуване 5 пъти седмично по 1 час</option>
<option value="1.8">Спортуване 5 пъти седмично по 2 часа</option>
<option value="2.0">Трениране всеки ден</option>
</td></tr>
</select>
<tr><td colspan=2 align=right><input type=submit name="operation" value=Изчисли></td></tr>

</table>


Пробвах с required, но или не става или не зная къде точно да го сложа.

Благодаря!
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
Revelation
Потребител
Потребител

Регистриран на: 24/03/2013 3:23 pm

Support: 54
Bonus: 108
Мнения: 693
Мнение 27/06/2018 9:57 pm      Отговорете с цитат


Какво по-точно не се получава с required?

Принципно required си е атрибута, който задължава полето да бъде попълнено.

Между другото, уверявай се, че добавяш правилния DOCTYPE винаги отгоре, за да знае браузъра за какъв HTML става въпрос.

В случая ти трябва:

HTML code:

<!DOCTYPE html>
<html>
...


И като допълнение за в бъдеще, никога не се доверявай само на защита от client-side (атрибути като този или JavaScript). Дори да ги правиш, винаги трябва да имаш защита откъм server-side(PHP).
Данните трябва да се филтрират навсякъде(особено откъм сървъра, защото клиента се заобикаля лесно).
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
djidja83
Нов
Нов

Регистриран на: 02/01/2016 11:49 pm

Support: 0
Bonus: 0
Мнения: 45
Мнение 27/06/2018 10:04 pm      Отговорете с цитат


При select списъка работи, но в input полетата го местих къде ли не и не сработва.

Това ми е doctype в кодовете

HTML code:

<!doctype html>
<html>


Благодаря за съвета - на този етап това е само дипломна работа, която няма да бъде истински сайт, но за в бъдеще ще го имам предвид.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
anonimen
Активен
Активен

Регистриран на: 11/06/2012 8:07 pm

Support: 158
Bonus: 315
Мнения: 1470
Мнение 27/06/2018 10:10 pm      Отговорете с цитат


По спецификация required задължава полето да бъде попълнено преди изпращане на формата (т.е. <form> тага)

Ако нямаш <form>, а пращаш нещата с javascript (както индикираш във въпроса - но не съм сигурен), то от required няма особен смисъл, защото неговата функция е само при форми.

Иначе тук можеш да видиш работещи примери с required:

https://www.w3schools.com/tags/att_input_required.asp

И да си сведеш своя код до нещо по-просто, и да видиш къде се различава с този в примерите, за да разбереш къде бъркаш.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
djidja83
Нов
Нов

Регистриран на: 02/01/2016 11:49 pm

Support: 0
Bonus: 0
Мнения: 45
Мнение 27/06/2018 10:17 pm      Отговорете с цитат


Форма е - изпуснала съм да копирам първия ѝ ред

HTML code:
 <form action="math.php" method="POST">
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
djidja83
Нов
Нов

Регистриран на: 02/01/2016 11:49 pm

Support: 0
Bonus: 0
Мнения: 45
Мнение 27/06/2018 10:22 pm      Отговорете с цитат


Оправих се.
Благодаря!
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
Покажи мнения от преди:    
Създайте нова тема   Напишете отговор    web-tourist.net Форуми -> HTML / Javascript / CSS Часовете са според зоната GMT + 2 Часа
Страница 1 от 1


 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети