0

现在我有一个我正在尝试进行验证的自定义日期选择器。具体来说，我正在尝试检查 startDate 字段是否在 endDate 字段之前。

当我点击我的日期选择器并填充我的输入字段时，我需要点击我的字段，然后在消息出现之前离开该字段。我认为这是因为 jquery validate 正在侦听 keyup 事件，而不是输入字段中的 change 事件。

这是我的代码（用咖啡编写，但我会接受 javascript 答案）-

validateSearchForm:=>
$(@el).find("#searchForm").validate({
  rules:{
    startDateInputBox:{
      dateISO:true,
      lessThan: true
    },
    endDateInputBox:{
      dateISO:true
      lessThan: true
    }
    searchPurposeBox:"required"
 }
});

小于是 -

jQuery.validator.addMethod "lessThan", ((value, element) ->
  validDateFormat = /(\d{4})-(\d{2})-(\d{2})/
  startDateInput = $("#startTime").val()
  endDateInput = $("#endTime").val()
  startDateMatch = startDateInput.match(validDateFormat)
  endDateMatch = endDateInput.match(validDateFormat)
  startDateYear = startDateMatch[1]
  startDateMonth = startDateMatch[2]
  startDateDay = startDateMatch[3]
  endDateYear = endDateMatch[1]
  endDateMonth = endDateMatch[2]
  endDateDay = endDateMatch[3]
  startDate = new Date(startDateYear,startDateMonth,startDateDay)
  endDate = new Date(endDateYear,endDateMonth,endDateDay)
  if endDate < startDate
    return false
  return true
), "Start time has to be before end time"

如何做到这一点，以便当我点击我的日期选择器并用错误的值填充我的字段时，错误消息会立即出现？我试过onkeyup，但这并不能解决问题。

谢谢

4

1 回答 1

0

我之前所做的是挂钩到 datepicker 的 onClose 事件（如果有，我知道 jQuery UI datepicker 有 onClose），然后调用类似

$("#searchForm input[name='startDateInputBox']").valid()
于 2012-11-22T18:13:10.800 回答