创建text-INPUT字段或SELECT OPTION(HTML5)

时间:2015-11-23 01:43:07

标签: javascript jquery html5

到目前为止,这是我的代码:

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中,则使用第二个div (我删除了此示例中的PHP代码)。

我想做什么:我想在这些字段中添加HTML5 REQUIRED控件。如果填写了text-INPUT-fields(div1)或者选择了SELECT OPTION(div2),则表单可以提交。如果没有填写div,则表单无法通过。所以:

要求来自DIV1或来自DIV2的信息。

(请查看小提琴代码以获取更多信息)

1 个答案:

答案 0 :(得分:0)

为什么不首先标记两个文本字段required然后在下拉列表的更改事件中根据所做的选择设置或删除文本字段的required属性。

Here is a fiddle

(注意:在标记中我已删除了输入文本字段中的novalidate并将其替换为required。此外,我还评论了slidingDiv实现。