gpt4 book ai didi

javascript - 如果使用隐藏/显示条件进行控制,则不需要表单输入隐藏字段

转载 作者:行者123 更新时间:2023-12-01 02:29:51 25 4
gpt4 key购买 nike

在我的表单中,我使用 JavaScript 通过选择隐藏和显示一些字段。它工作完美,但我想仅在显示这些输入字段时才需要这些字段,否则它应该是非必需的。我在两个输入字段中都添加了必需的属性,但是当我选择“否”并且输入字段被隐藏时,表单提交不起作用。删除必需的属性后,它才起作用。

<select name="tab" size="1" class="combo2" id="chkYes">

<option value="">Select One</option>

<option value="Yes">Yes</option>
<option value="No">No</option>

</select>

下面是根据上面的选择显示的输入字段。

<tr id="issuc" style="display:none;">
<td><input name="country_issue" type="text" value="" required></td>
</tr>
<tr id="ppno1" style="display:none;"><td>
<input name="oth_ppt_no" type="text" value="" maxlength="26" size="43" required></td>
</tr>

这是控制它的 JavaScript。

<script>
$(document).ready(function(){
$('#chkYes').on('change', function() {

if ( this.value == 'Yes')

{
$("#issuc , #ppno1").show();
} else {
$("#issuc , #ppno1").hide();
}
});
});
</script>

最佳答案

您可以像这样使用 .prop 函数:

$("#issuc 输入,#ppno1 输入").prop("必填", false)

删除必需的属性,然后通过将第二个参数更改为 true 将其添加回来。

Demo

关于javascript - 如果使用隐藏/显示条件进行控制,则不需要表单输入隐藏字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48391119/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com