Question

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

Answer 1

最后我知道我的麻烦。这是因为我使用“easy ui combo box element”作为必填字段如果您使用它，请不要添加所需的attribut

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

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

Answer 2

该属性应为

required="required"

Answer 3

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

必填字段HTML5表单

3 个答案: