Javascript 单击“提交”按钮无法获取数据

我正在做一个搜索表单，我必须根据客户姓名、手机号码、入住日期和退房日期获取搜索结果。但是，姓名和手机号码需要文本字段。此外，签入和签出日期有文本字段，但我正在为该字段使用jquery datepicker函数

注意：第一个文本字段用于名称和编号，第二个文本字段用于签入和签出日期。默认情况下，第一个字段显示，第二个字段由Jquery代码隐藏。第二个字段用于显示日期日历

HTML代码：

日期选择器JS代码：

<script type="text/javascript">
  function showDays() 
  {

  }   

$("#datepicker5").datepicker({
    dateFormat: 'dd/mm/yy',
    onSelect: showDays
});

</script>

因此，考虑以下Jquery代码，当从下拉列表中选择“姓名和手机号码”选项时，日期的文本字段将隐藏，姓名和号码的文本字段将显示，日期的文本字段将显示，姓名和号码的文本字段将在选择入住和退房日期选项时隐藏

用于隐藏和显示文本字段的Jquery代码

<script type="text/javascript">
        $(function() {
            $('#datepicker5').hide(); 
            $('#srch-form').change(function()
            {
                if($('#srch-form').val() == 'arrival_dt' || $('#srch-form').val() == 'departure_dt') 
                {
                    $('#datepicker5').show();
                    $('#dtls').hide();
                } else {
                    $('#datepicker5').hide();
                    $('#dtls').show();
                } 
            });
        });
</script>

---

现在，我的问题是，除了“搜索”按钮不起作用外，上面所有的东西都工作得很好。当我从选项中选择“签入日期”和“签出日期”时，第一个文本字段hide，反之亦然，从上面开始，名称和编号字段Jquery代码开始起作用。但是，当我单击submit按钮时，该按钮无法执行用PHP编写的代码。意味着，我的搜索结果不会出现。我尝试删除Jquery代码，效果很好。因此，我认为这可能是一个愚蠢的错误，但任何帮助都将不胜感激。提前感谢。

问题是两个文本输入字段都有必需的属性。除非两个字段都已填写，否则表格将不会过账

您可以使用jQuery或添加或删除所需的属性。下面的代码段使用jquery prop从隐藏字段中删除所需的属性

$function{ $'datepicker5'。隐藏； $'srch-form'.changefunction { 如果$'srch-form'.val=='arrival||$'srch-form'.val=='department|dt' { $'datepicker5'.prop'required'，true.show； $'dtls'.prop'required'，false.hide；//需要删除 }否则{ $'datepicker5'.prop'required'，false.hide；//需要删除 $'dtls'.prop'required'，true.show； } }; //下面的代码用于演示表单已发布，但应从代码中删除 $'form'.submitfunction{alertform已发布；返回false；}； }; 搜寻 客户名称 手机号码 登记日期 退房日期

---

谢谢你的回答，因为它解决了我的问题。但更进一步，现在同样的代码阻止了我的PHP代码的执行。请参考PHP代码：ifisset$_POST['search']{$srchOption=$_POST['srch-option']；$srchData=$_POST['querystr']}。这两个文本字段都包含名称属性作为querystr&它显示数据库中的所有记录，而不是特定的搜索记录，请参阅：$searchData=mysqli_query$con，从个人_数据中选择*，其中$srchOption类似“%$srchData%”；意味着，$\u POST['querystr']正在从另一个文本字段中获取活动文本字段的值以及空字符串，我们将其隐藏并设置为不需要。当下拉列表更改时，设置文本框的disabled属性。类似$'dtls.prop{'required'：false，disabled:true}.hide；应该有用。

<script type="text/javascript">
        $(function() {
            $('#datepicker5').hide(); 
            $('#srch-form').change(function()
            {
                if($('#srch-form').val() == 'arrival_dt' || $('#srch-form').val() == 'departure_dt') 
                {
                    $('#datepicker5').show();
                    $('#dtls').hide();
                } else {
                    $('#datepicker5').hide();
                    $('#dtls').show();
                } 
            });
        });
</script>