Select и required

Serafim1991 · February 20, 2012

Собственно проблема в названии темы. Required не желает работать с select


<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Форма регистрации</title>
<link rel="stylesheet" type="text/css" href="Style.css">
</head>

<body>
    <form action ='Script.php' method ='POST'>
        <fieldset>
            <legend>Заполните форму</legend>
          		<fieldset>
            		<legend>Информация о студенте</legend>
   		    			<p  align="right"class="header">Фамилия:<a class="star">*</a> <input class="field" type="text" required ></p>
           				<p align="right" class="header">Имя:<a class="star">*</a> <input  class="field" type="text" required ></p>
   		    			<p  align="right"class="header">Отчество:<a class="star">*</a> <input  class="field" type="text" required ></p>
       	   				<p  align="right"class="header">Домашний телефон: <input  class="field" type="text"></p>
       	    			<p  align="right"class="header">Мобильный телефон: <input  class="field" type="text"></p>
      					<p  align="right"class="header">E-mail:<a class="star">*</a> <input  class="field" type="email" required></p>
                 		<p align="right" class="header1">Страна:<a class="star">*</a>
                            <select required name="Country"  class="field1" id="Country" />
                                <option value="select">Выберите страну...</option>
                                <option value="Russia">Россия</option>
                                <option value="Ukraine">Украина</option>
                                <option value="Belarus">Беларусь</option>
                            </select>
            			</p>
          				<p  align="right"class="header">Город: <input  class="field" type="text" /><span></span></p></fieldset>
                <fieldset>
                    <legend>Информация о ВУЗе: </legend>
                        <p  align="right"class="header">Название:<a class="star">*</a> <input  class="field" type="text" required></p>
                        <p  align="right"class="header">Факультет:<a class="star">*</a> <input  class="field" type="text" required></p>
                        <p  align="right"class="header">Группа:<a class="star">*</a> <input  class="field" type="text" required></p>
                        <p  align="right"class="header">Курс: <input  class="field" type="text" /><span></span></p>
                </fieldset>
                        <p class="hint"><a class="star">*</a> - поля, обязательные для заполнения</p>
                        <!--<div><button>Отправить</button></div> -->
                        <p><input type="submit" value="Отправить" /></p>
        </fieldset>
	</form>
</body>
</html>

Ошибок вроде нет, форма работает вполне адекватно, кроме этого момента. СSS и PHP скрипт не прилагаю, отключал оба файла, но Required все равно не работает.

Браузер Google Chrome 16.

Switch74 · February 20, 2012

если ты про этот select


                            <select required name="Country"  class="field1" id="Country" />
                                <option value="select">Выберите страну...</option>
                                <option value="Russia">Россия</option>
                                <option value="Ukraine">Украина</option>
                                <option value="Belarus">Беларусь</option>
                            </select>

,то по умолчанию в select выбирается первый элемент, у тебя это


<option value="select">Выберите страну...</option>

он имеет value="select", следовательно список считается заполненным, какие проблемы?..

Edited February 20, 2012 by Switch74

Serafim1991 · February 20, 2012

Как-то я упустил момент "по умолчанию". Спасибо, буду знать.

А проблема в том, что этот select должен быть обязательным для заполнения(и если он не выбран(т.е. в списке видна надпись "Выберите страну"), то вывести об этом сообщение. С сообщением все в порядке, а вот с обязательным выбором - нет). Насколько мне известно, placeholder не работает с select, поэтому не нашел ничего умнее, чем подсказку для этого выпадающего списка сделать одним из вариантов.

Есть какой-нибудь вариант решения сей проблемы(чтобы заработал required, но в то же время выпадающий список остался выпадающим списком)?

Switch74 · February 20, 2012

повторяю еще раз

он имеет value="select", следовательно список считается заполненным, какие проблемы?..

убери value="select" и твой select будет по умолчанию не определен

Serafim1991 · February 20, 2012

Я так и сделал, но не работает.

Вот скрин

Вот сами файлы, можете сами убедиться http://dump.ru/file/5612778

Switch74 · February 20, 2012

вот так у меня все работает


                            <select required name="Country"  class="field1" id="Country" />
                                <option value="">Выберите страну...</option>
                                <option value="Russia">Россия</option>
                                <option value="Ukraine">Украина</option>
                                <option value="Belarus">Беларусь</option>
                            </select>

к слову, если убрать полностью value="", то в качестве value передается название option

Edited February 20, 2012 by Switch74

Serafim1991 · February 20, 2012

Да, теперь работает.

Я думал "убери value="select"" значит, что нужно полностью его убрать.

Благодарю.

Можно закрывать.

Sign In

Select и required

Question

Serafim1991

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Switch74

Link to comment

Share on other sites

Serafim1991

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

Serafim1991

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

Serafim1991

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information