Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果使用隐藏/显示条件进行控制,则不需要表单输入隐藏字段_Javascript_Jquery_Forms - Fatal编程技术网

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

Javascript 如果使用隐藏/显示条件进行控制,则不需要表单输入隐藏字段,javascript,jquery,forms,Javascript,Jquery,Forms,在我的表单中,我使用JavaScript通过选择隐藏和显示一些字段。它工作得很好,但我只想在显示这些输入字段时才需要这些字段,否则应该是非必需的。我在两个输入字段中都添加了required属性,但是当我选择no并且输入字段被隐藏时,表单提交就不起作用了。删除所需的属性后,它只起作用 <select name="tab" size="1" class="combo2" id="chkYes"> <option value="">Select One</opt

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

<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>

$(文档).ready(函数(){
$('#chkYes')。on('change',function(){
如果(this.value='Yes')
{
$(“#issuc,#ppno1”).show();
}否则{
$(“#issuc,#ppno1”).hide();
}
});
});

将这些放在if语句中

$("#issuc , #ppno1").prop('required',true);

$("#issuc , #ppno1").prop('required',false);

把这些放在你的if语句中

$("#issuc , #ppno1").prop('required',true);

$("#issuc , #ppno1").prop('required',false);

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

$(“#ISUC输入,#ppno1输入”).prop(“必需”,false)

删除所需的属性,并通过将第2个参数更改为true将其添加回


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

$(“#ISUC输入,#ppno1输入”).prop(“必需”,false)

删除所需的属性,并通过将第2个参数更改为true将其添加回


祝你好运@user8879741好吧,你可以根据选择更改所需属性祝你好运@user8879741好吧,你可以根据选择更改所需属性不,它不是工作伙伴。看看@jahl他的作品。我把他的代码改成了我的。是的,你的代码也起作用了,我犯了一些错误,现在它工作得很好。不,它不是工作伙伴。看看@jahl他的作品。我把他的代码改成了我的。是的,你的代码也起作用了,我犯了一些错误,现在它工作得很好。谢谢,伙计,它工作得很好。谢谢,伙计,它工作得很好。