在字段集中按顺序启用部分
下面出现的
- Criteria1；
- 标准2；和
- 提交按钮
目前，所有三个部分均处于活动状态，用户无需先选择“Criteria1” 和 ”，即可单击“提交” 按钮标准2”。我想阻止这种行为。
我想确保我的用户首先在 "Criteria1" 中进行选择，此时 "Criteria2" 变为启用状态，现在需要进行选择。在“Criteria2”中做出选择后，最终将启用“Submit”按钮。
基本上，我需要确保我的用户遵循此流程，
- 选择 Criteria1；
- 然后选择条件2；
- 最后，提交。
这是当前的
<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>
我认为我需要做的是将第二部分和第三部分开始为禁用状态，然后以某种方式在前一部分中进行选择时启用它们。我只是不确定如何做到这一点，希望得到一些指导。非常感谢。
The <fieldset> that appears below contains three sections:
- Criteria1;
- Criteria2; and
- Submit button
Currently, all three sections are active and the user is able to click the "Submit" button without first making the selections for "Criteria1" and "Criteria2". I want to prevent this behavior.
I want to ensure that my users first make a selection in "Criteria1", at which point "Criteria2" becomes enabled and which will now require a selection. Once the selection is made in "Criteria2", this will then finally enable the "Submit" button.
Basically, I need to ensure that my users follow this process,
- Select Criteria1;
- Then select Criteria2;
- Finally, Submit.
Here is the current <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>
I think what I need to do is have the 2nd and 3rd sections start out as disabled, and then somehow enable them as a selection is made in the prior section. I'm just not sure how to do this and would appreciate some guidance. Many thanks.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
纯粹通过 HTML 来做到这一点是有风险的。
无论您的 HTML/js 验证如何设置，您始终能够将数据 POST 到服务器。
您想要做的是使用像 PHP 这样的脚本语言来规范这种行为，因此您可以开始在代码中说这样的事情：
To do this purely through HTML is risky.
You will always be able to POST data to the server no matter how your HTML/js validation is set up.
What you want to do is use a scripting lanauage like PHP to regulate this behavoir, so you could begin to say things like this in your code: