Question

 <div class="col-sm-5">
    <script type="text/javascript">
        function validateDate(){
            var selectedDate = $('#form-control datepicker').datepicker('getDate');
            var now = new Date();
            now.setHours(0,0,0,0);
            if (selectedDate < now) {
                // selected date is in the past
            }
        }
    </script>
    <input type="text" name="birth_date" class="form-control datepicker" id="field-1" onsubmit="validateDate()">
</div>

不使用此javascript验证输入日期。想要插入一个小于当前日期的日期。

Answer 1

如果我正确地阅读了您的问题，那么当selectedDate小于now时，您希望JavaScript阻止表单提交。要传输此信息，您需要在JavaScript中return false;：

<script type="text/javascript">
 function validateDate(){
  var selectedDate = $('#form-control datepicker').datepicker('getDate');
  var now = new Date();
  now.setHours(0,0,0,0);
  if (selectedDate < now) {
   // selected date is in the past
   return false;
  }
 }
</script>

要打开此JavaScript函数，您需要<form> onsubmit，return是JavaScript函数的值，以及提交表单的方式：< / p>

<form onsubmit="return validateDate();">
 <input type="text" name="birth_date" class="form-control datepicker" id="field-1">
 <input type="submit">
</form>

Answer 2

input个元素没有submit个事件; form。假设您希望在用户按下返回时运行代码，则需要：

将input换成form元素并使用form的{{1}}属性
验证失败时从处理程序返回false

请参阅JavaScript code to stop form submission

Answer 3

检查这个问题的答案。

JQuery Datepicker onchange event help!

您可能希望将事件/功能附加到日期选择器以进行验证。

如果是任何其他字段，您可以将onchange或onkeyup事件附加到验证（您尝试使用onsubmit的方式）。

检查出生日期是否小于系统的当前日期？

3 个答案: