讓無論是文本輸入字段或需要SELECT OPTION（HTML5）

這是我到目前爲止的代碼：讓無論是文本輸入字段或需要SELECT OPTION（HTML5）

有兩個div：

DIV ＃1：

<div class="slidingDiv"> 
    <div>Firstname</div> 
    <div class='resetOptions'> 
     <input id='vVorname' name='uVorname' type='text' size='21'></input> 
    </div> 
    <div style="clear:both;" /> 
    <div>Lastname</div> 
     <div class='resetOptions'> 
      <input id='vNachname' name='uNachname' type='text' size='21'></input> 
     </div> 
     <div style="clear:both;" /> 
    </div> 
</div>

div ＃2：

<div class="wrapUser"> <a href="#" class="show_hide">b) Registered Customer</a> 

     <div class="slidingDiv"> 

      <div> 
       <select>"; 
        <option selected='true' value='' id='navOrderAddOrderChoose'>Choose</option> 
        <option value='CustomerA'>CustomerA</option> 
        <option value='CustomerB'>CustomerB</option> 
       </select> 
      </div> 
      <div style="clear:both;" /></div> 
    </div> 
    </div>

的1格如果客戶沒有在數據庫中註冊尚未被使用。

的第二DIV使用如果客戶已經在databas E（我刪除了PHP代碼在這個例子中）。

我想做什麼：我想添加一個HTML5 REQUIRED控件到這些字段。如果填充了text-INPUT字段（div1）或選擇了SELECT OPTION（div2），則表單可以提交。如果沒有填寫div，表單不能通過。因此：

REQUIRED是來自DIV1或來自DIV2的信息。

（請查看詳細信息，小提琴代碼）

來源

2015-11-23 Chris Ha

難道就沒有人能。回答這個問題？ –

爲什麼不最初標誌着這兩個文本字段required然後在下拉菜單中更改事件設置或刪除required基於所做的選擇文本字段屬性。

Here is a fiddle

（需要注意的幾點：在標記我已經取消了對輸入文本字段novalidate與required取代它也我發表意見的slidingDiv實施

來源

2015-11-23 03:09:10

謝謝，這有助於！_display-none_問題是否有任何workarround？ –

@ user3444297顯示沒有問題：none（嘗試取消註釋腳本和css）。假設您嘗試使用'choose '選項，但您仍然無法提交，但是由於新的客戶羣已將您的驗證消息摺疊爲文本框ar隱藏。您應該爲用戶界面設計提供更好的流程。 –

讓無論是文本輸入字段或需要SELECT OPTION（HTML5）

回答

相關問題