Настройка тега select

[yura29]

Здравствуйте форумчане

Недавно столкнулся с такой проблемой, которую не могу решить уже долгое время((

Даже всемогущий гугл мне не помог, так что рассчитываю на вашу поддержку

 

А сам вопрос довольно прост: есть список select, который обязателен для отправки формы

Первой опцией является просто сообщение "выберите персонажа", а остальные уже сами персонажи

Мне надо, чтобы форма не отправлялась, если стоит опция "Выберите персонажа"

Я ставил на эту опцию атрибут disabled, но это не помогло

 

Вот собственно код

 

<select required name="character">

    <option disabled>Выберите персонажа</option>

    <option>Орк</option>

    <option>Эльф</option>

    <option>Гном</option>

</select>

 

Если пользователь ничего не выбирает форма все равно отправляется((

 

Заранее благодарен

[Veseloff]

Напишите валидатор для формы

[Switch74]

пишите функцию и привязываете ее к событию отправки формы, функция проверяет заполнение формы, если что-то не заполнено выводит соответствующее сообщение

[Great Rash]

Вот например вам плагин для jQuery - http://jqueryvalidation.org

Ну или погуглите по запросу "javascript validation"

[andrdov]

Самое простое решение ставь для этого элемента val="0" и тогда через jQuery при событие submit проверяй 

if ($("select").val() == '0') {    alert('Выберите категорию');    return false;}