在一個字段

Question

下方出現包含三個部分的<fieldset>啓用部分順序：

1. 標準1;
2. Criteria2;和
3. 提交按鈕

目前，這三個部分是活動的，用戶可以點擊按鈕"Submit"不首先作出選擇，爲"Criteria1"和"Criteria2"。我想防止這種行爲。

我想確保我的用戶首先在"Criteria1"中進行選擇，此時"Criteria2"變爲啓用狀態，現在需要進行選擇。一旦在"Criteria2"中進行選擇，這將最終啓用"Submit"按鈕。

基本上，我需要確保我的用戶遵循此過程中，

1. 選擇標準1;
2. 然後選擇Criteria2;
3. 最後，提交。

這是當前<fieldset>：

<fieldset> 
    <section> 
     <label for="muni">Criteria1</label> 
    <div> 
     <input id="county_select" type="text"/> 
     <input id="county_no" type="text" value="" disabled="disabled" style="display:none;"/> 
    </div> 
    </section>  
    <section> 
     <label for="addi">Criteria2</label>   
    <div> 
     <input id="add_select" type="text" onblur="rollnum=jQuery('#add_no').val();" /> 
     <input id="add_no" type="text" value="" disabled="disabled" style="display:none;"/> 
    </div>  
    </section> 
    <section> 
    <div> 
     <button id="year" value="2012" onclick="loadProperty();" >Submit</button> 
    </div> 
    </section> 
</fieldset> 

我想我需要做的是在第二和第三部分開始時爲禁用，然後以某種方式使他們的選擇是在製造前一節。我只是不確定如何做到這一點，並會欣賞一些指導。非常感謝。

Answer 1

純粹通過HTML來做到這一點是有風險的。

無論您的HTML/js驗證如何設置，您都將始終能夠將數據發佈到服務器。

你想要做的是使用腳本lanauage像PHP來規範這個behavoir，所以你可以開始說這樣的事情在你的代碼：

if((isset($_POST['Criteria1']))&&(isset($_POST['Criteria2'])){} 
else{die();}