2012-02-23 170 views
0

我剛剛創建了屬性爲「required」的html 5表單。必填字段HTML5表格

爲什麼仍然彈出「請填寫此字段」左上角的我的瀏覽器(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

+0

你能證明你的代碼 – defau1t 2012-02-23 10:10:20

+0

我只是編輯自己的帖子,你可以看到我的代碼 THX – kikuckable 2012-02-23 10:38:34

+0

它爲我,http://jsfiddle.net/refhat/jbg6h/我剛剛看到消息,一旦 – defau1t 2012-02-23 10:43:25

回答

1

的屬性應該是

required="required" 
+0

仍然沒有效果 – kikuckable 2012-02-23 10:42:00

+0

您使用的是哪個版本的Firefox?你的問題在FF和Chrome的最新 – graham 2012-02-23 10:45:54

+0

我工作正常,它是Firefox 10.0.2 – kikuckable 2012-02-23 10:58:29

2

最後我知道我的麻煩。 ,因爲我使用了「easy ui combo box element」爲必填字段 不要,如果你使用它

添加所需的attribut您必須使用此代碼,使其需要

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

由mbuurman提供的是正確答案。向輸入添加required =「required」屬性,並選擇它工作正常的標籤。在Chrome(30.0)和Firefox(24.0)上進行測試。