这是我迄今为止的代码:
https://jsfiddle.net/kfqbbn3k/
有两个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>
如果客户尚未在数据库中注册,则使用第一个div。
如果客户已经在数据库e中,则使用2nddiv(我删除了本例的PHP代码)。
我想做的:我想在这些字段中添加一个HTML5REQUIRED控件。如果填写了文本INPUT字段(div1)或选择了SELECT OPTION(div2),则表单可以提交。如果没有填写div,表单就无法通过。所以:
REQUIRED是来自DIV1或DIV2的信息。
(请查看fiddle Code了解更多信息)
为什么不首先将两个文本字段都标记为required
,然后在下拉菜单的更改事件中,根据所做的选择设置或删除文本字段的required
属性。
这是一把小提琴
(需要注意的是:在标记中,我删除了输入文本字段上的novalidate
,并将其替换为required
。此外,我还对slidingDiv实现进行了评论。