带有隐藏输入字段的 php 表单中需要 Datepicker

Question

我正在创建一个 php 表单来发布数据。其中一个元素是 Datepicker JS 元素。我将日期选择器的输入传递给隐藏的输入字段。现在我希望这个日期选择器是必需的。如果我要求输入字段，它似乎不起作用，因为它是隐藏的，它必须保持隐藏。有人知道最好的方法吗？

代码：

<div class="col-md-4 col-sm-12 ">
    <div id="date"></div>
    <label>Datum geselecteerd: </label>
    <input type="hidden" id="datefield" name="date" required/>
    <script type="text/javascript">
        var selected;
        $('#date').datepicker({beforeShowDay: function(date){
            return [date.getDay() != 1 & date.getDay() != 2 & date.getDay() != 3 & date.getDay() != 5 & date.getDay() != 0, ''];
        }});
        $(function() {
            $('#date').datepicker({ dateFormat: "dd-mm-yy" });
            $('#date').on("change",function(){
                selected = $(this).val();
                document.getElementById('datefield').value = selected;
            });
        });
    </script>
</div>

Answer 1

您可以在 jquery 中使用 .submit() ，它在提交表单时调用，您可以检查是否填写了日期字段。 在此处了解更多信息：https://api.jquery.com/submit/

您还应该使用 php 检查它，您处理表单发送给您的数据，如果没有填写，您应该让用户再次填写表单，并警告他没有填写字段

示例：

<form id="myform" action="" method="get">
<input type="hidden" id="datefield" name="date" />
<input type="submit" />
</form>
<script>
$( "#myform" ).submit(function( event ) {
   if(  $("#datefield").val().length === 0 ) {
    alert('not filled');
    }
  event.preventDefault();
});
</script>