将文本INPUT字段或SELECT OPTION设为必需字段(HTML5）

Make either text-INPUT fields or SELECT OPTION required (HTML5)

本文关键字：字段 HTML5 OPTION INPUT 文本 SELECT      更新时间：2023-09-26

这是我迄今为止的代码：

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实现进行了评论。

相关文章：