Javascript php表单中需要带有隐藏输入字段的日期选择器

Javascript php表单中需要带有隐藏输入字段的日期选择器,javascript,jquery,html,datepicker,Javascript,Jquery,Html,Datepicker,我正在创建一个php表单来发布数据。其中一个元素是Datepicker JS元素。我将输入从日期选择器传递到一个隐藏的输入字段。现在我希望这个日期选择器是必需的。如果我将输入字段设为必填字段,它似乎不起作用,因为它是隐藏的,并且必须保持隐藏状态。有人知道最好的方法吗 守则: <div class="col-md-4 col-sm-12 "> <div id="date"></div> <label>Datum geselecteer

我正在创建一个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>

选择的基准:
选择var;
$(“#date”).datepicker({beforeShowDay:function(date){
返回[date.getDay()!=1&date.getDay()!=2&date.getDay()!=3&date.getDay()!=5&date.getDay()!=0';
}});
$(函数(){
$(#date').datepicker({dateFormat:“dd-mm-yy”});
$('#date')。在(“更改”,函数()上){
selected=$(this.val();
document.getElementById('datefield')。值=选中;
});
});
您可以在jquery中使用.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>

$(“#myform”).submit(函数(事件){
if($(“#datefield”).val().length==0){
警报(“未填充”);
}
event.preventDefault();
});

您可以检查表单
上是否设置了
日期
。提交(回调)
以获取example@Sojtin你能告诉我多一点吗?如果选择了日期选择器,请让它对用户可见。如果没有,只需存储表单填写的日期,而不依赖datepicker js。为什么不在输入文本字段上使用datepicker并隐藏它?$(#bestelformklant').submit(函数(ev){If(document.getElementById('datefield')。value==“”){ev.preventDefault();}看起来他没有进入代码。可能是因为我使用了一个按钮作为submit?VERSTUUR BESTELLING当我运行这个提琴时,它会发出警报。但是当我在我的服务器(www.melkerhei.be/php/testcheck.php)上运行它时,它不会发出警报或错误。我尝试了your checkout.php,发现该字段现在是只读的并且可见:)所以它能按你的意图工作?顺便说一句…我不知道你正在使用什么主机,但你应该禁用目录列表