Подскажите, пожалуйста, как сделать поле в веб-форме обязательным для заполнения?
1 ответ
Как было сказано в комментариях в хтмл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>
-
-
А подскажите, если у меня условие еще одно есть, поля всегда должно быть равно 10, т.е. если поле равно 10 тогда данные отправляем, если все остальное ну там "пусто", "null", "любой символ" тогда выводим сообщение что "Укажите верное значение!" 4 апр 2012 в 6:56
-
1Все решил! function validateForm() { var x = document.forms["form"]["fname"].value; if (x == 10) { return true; } else { alert("Необходимо указать верный результат уравнения!"); return false; } } 4 апр 2012 в 7:28
required
работает только при поддержке html5 лучше организовать проверку обязательного поля дополнительноJavaScript
но если данные важные, необходимо перепроверять на сервере (php
)