Question

下面显示的<fieldset>包含三个部分：

标准1;
Criteria2;和
提交按钮

目前，所有三个部分都处于有效状态，用户可以点击"Submit"按钮，而无需先为"Criteria1"和"Criteria2"进行选择。我想阻止这种行为。

我想确保我的用户首先在"Criteria1"中进行选择，此时"Criteria2"已启用，现在需要进行选择。在"Criteria2"中进行选择后，最终会启用"Submit"按钮。

基本上，我需要确保我的用户遵循此流程，

选择Criteria1;
然后选择Criteria2;
最后，提交。

以下是当前<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>

我认为我需要做的是将第2和第3部分作为禁用开始，然后以某种方式启用它们作为选择在前一部分中进行。我只是不确定如何做到这一点，并希望得到一些指导。非常感谢。

Answer 1

纯粹通过HTML来做这件事是有风险的。

无论您的HTML / js验证设置如何，您始终都可以将数据发布到服务器。

你想要做的是使用像PHP这样的脚本语言来规范这种行为，这样你就可以开始在你的代码中说出这样的话：

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

在字段集中按顺序启用节

1 个答案: