当我在ajax中传递jquery datepicker日期时，php会发现索引错误

Question

Here is my demo.php

<div class="form-message"></div>
<div class="input-group date" data-provide="datepicker">
    <input class="form-control" id="datepicker" name="ownerBdate" placeholder="Enter your Bday" type="text" data-date-end-date="0d" autocomplete="off"  required=""/>
    <label class="ownerBdayLabel">Birthday</label>
    <div class="input-group-addon">
        <span class="zmdi zmdi-calendar"></span>
    </div>
</div>
<div class="container-login100-form-btn">
    <div class="wrap-login100-form-btn">
        <div class="login100-form-bgbtn"></div>
        <button id="submit" class="login100-form-btn">Register</button>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        $("#dateBirthday").datepicker({
            dateFormat: "dd-mm-yy",
            changeYear: true
    });
        $("#submit").click(function(event){
            event.preventDefault();
            var ownerBdate = $("ownerBdate").val();
            $(".form-message").load("demo-validator.php",{
                ownerBdate : ownerBdate,
            submit : submit
            });
        });
    });
</script>

here is the demo-validator.php

<?php 
if ($_SERVER['REQUEST_METHOD'] === 'POST'){
    include_once 'includes/dbh.inc.php';
    $ownerBdate = $_POST['ownerBdate'];
    echo $ownerBdate;

?>

Problem is when I click submit button it gives me an error where it says undefined index in my php. I have tried all the way I can.

Answer 1

Please change code to use id instead of name var ownerBdate = $("ownerBdate").val(); and

var ownerBdate = $("#dateBirthday").val(); // check with console or alert value coming or not. 

you are not getting selected date value.