必填字段 HTML5 表单答案

【问题标题】：Required field HTML5 form必填字段 HTML5 表单
【发布时间】：2012-02-23 10:07:33
【问题描述】：

我刚刚创建了带有“必需”属性的 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>

谢谢

【问题讨论】：

我只是编辑我的帖子，你可以看到我的代码 thx
它对我有用，jsfiddle.net/refhat/jbg6h 我只看到过一次消息

标签： forms html validation required

【解决方案1】：

我终于知道我的麻烦了。这是因为我使用“easy ui combo box element”作为必填字段使用时不要添加所需的属性

您必须使用此代码使其成为必需

 $("some selector").combobox({
                required:true
            });

【讨论】：

【解决方案2】：

属性应该是

required="required"

【讨论】：

您使用的是哪个版本的 Firefox？您在问题中的代码在 FF 和 Chrome 最新版中对我来说很好

【解决方案3】：

mbuurman 提供的答案是正确的。将 required="required" 属性添加到输入并选择它对我来说工作正常的标签。在 Chrome (30.0) 和 Firefox (24.0) 上测试。

【讨论】：