Обязательное поле HTML5 форма

Я только что создал форму html 5 с атрибутом «обязательно».

Почему все еще появляется всплывающее окно «Пожалуйста, заполните это поле» в слева вверху моего браузера (Firefox), а не под полем при отправке, хотя все поле заполнено.

вот мой код:

<form method="get" id="form_reg_mem">
                        <input type="hidden" name="s" value="member"/>
                        <input type="hidden" name="a" value="4"/>
                        <h5>member Informatio</h5>
                        <hr/><br/>
                        <p>
                            <label>Email</label>
                            <input id="mem_email" class="easyui-validatebox filter_email" type="email" name="mem_email" required style="width: 200px" maxlength="45" />
                        </p>
                        <p>
                            <label>First Name</label>
                            <input id="mem_fname" class="easyui-validatebox filter_alphanumeric" type="text" name="mem_fname" required style="width: 200px" maxlength="45"/>
                        </p>
                        <p>
                            <label>Last Name</label>
                            <input id="mem_lname" class="easyui-validatebox filter_alphanumeric" type="text" name="mem_lname" required style="width: 200px"  maxlength="45" />
                        </p>
                        <p>
                            <label>Address</label>
                            <textarea id="mem_addr" class="easyui-validatebox filter_alphanumeric" name="mem_addr" style="width: 400px" maxlength="128"></textarea>
                        </p>
                        <p>
                            <label>Phone</label>
                            <input id="mem_phone" class="easyui-validatebox filter_numeric" type="text" name="mem_phone" style="width: 150px" maxlength="32" required/>
                        <p>                               
                            <label>Member Class</label>
                            <input id="mem_class" name="mem_class" url="/mobmarket/json/class.json" valueField="id" textField="text">  
                            </input>
                        </p>
                        <p>
                            <input class="button" value="Register" type="submit"/>
                        </p>
                     </form>

Спасибо


validation forms html required
person kikuckable    schedule 23.02.2012    source источник
comment
я просто редактирую свой пост, и вы можете увидеть мой код, спасибо   -  person kikuckable    schedule 23.02.2012
comment
У меня это работает, jsfiddle.net/refhat/jbg6h я просто вижу сообщение один раз   -  person defau1t    schedule 23.02.2012

Ответы (3)


arrow_upward
2
arrow_downward

Наконец-то я знаю, в чем моя беда. Это потому, что я использую "простой элемент поля со списком пользовательского интерфейса" в качестве обязательного поля. добавьте обязательный атрибут, если вы его используете

Вы должны использовать этот код, чтобы сделать его обязательным

 $("some selector").combobox({
                required:true
            });
person kikuckable    schedule 24.02.2012

arrow_upward
1
arrow_downward

Атрибут должен быть

required="required"
person mbuurman    schedule 23.02.2012
comment
Какую версию Firefox вы используете? Ваш код в вопросе отлично работает для меня в последних версиях FF и Chrome. - person graham; 23.02.2012

arrow_upward
0
arrow_downward

Ответ, предоставленный mbuurman, правильный. Добавление атрибута required="required" к входным и выбранным тегам у меня сработало нормально. Протестировано в Chrome (30.0) и Firefox (24.0).

person Guilherme Melo    schedule 22.10.2013