0

Подскажите, пожалуйста, как сделать поле в веб-форме обязательным для заполнения?

5
  • 1
    <input type="text" name="fld1" required /> 3 апр 2012 в 12:28
  • required работает только при поддержке html5 лучше организовать проверку обязательного поля дополнительно
    – ikoolik
    3 апр 2012 в 12:41
  • Через JavaScript?
    – archisova
    3 апр 2012 в 12:49
  • первичную проверку можно делать на JavaScript но если данные важные, необходимо перепроверять на сервере (php)
    – ikoolik
    3 апр 2012 в 13:00
  • На сервере ВСЕГДА нужно перепроверять. 3 апр 2012 в 14:01

1 ответ 1

3

Как было сказано в комментариях в хтмл5 действительно есть атрибут required, но на данный момент он работает некорректно в большинстве браузеров.

Советую реализовать проверку с помощью javascript (в целях безопасности обязательно проверять на стороне сервера). В интернете очень много плагинов, которые умеют это делать (подборка для JQuery).

В простейшем же случае валидация выглядит приблизительно так:

JavaScript:

function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
  {
  alert("Необходимо заполнить поле Имя!");
  return false;
  }
}

HTML:

<form name="myForm" action="action.php" onsubmit="return validateForm()" method="post">
Имя: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
3
  • Ооо спасибо !!!
    – archisova
    4 апр 2012 в 5:36
  • А подскажите, если у меня условие еще одно есть, поля всегда должно быть равно 10, т.е. если поле равно 10 тогда данные отправляем, если все остальное ну там "пусто", "null", "любой символ" тогда выводим сообщение что "Укажите верное значение!"
    – archisova
    4 апр 2012 в 6:56
  • 1
    Все решил! function validateForm() { var x = document.forms["form"]["fname"].value; if (x == 10) { return true; } else { alert("Необходимо указать верный результат уравнения!"); return false; } }
    – archisova
    4 апр 2012 в 7:28

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.