jEditable - Как обойти событие отправки в datepicker onselect

Question

Я использую jeditable с datepicker, и я хочу провести некоторую проверку, как только пользователь выберет дату, прежде чем отправить ее в базу данных.Я прошел через jeditable-datepicker.js и понял, что отправка запускается, когда происходит событие onselect.Как включить условия в событие, чтобы недопустимая дата не передавалась в базу данных?

Вот мое испытание с использованием события onsubmit:

 $('.expirydatepicker').editable('@(Url.Action("Edit", "Stock"))',
    {
        type: 'datepicker',
        indicator: 'saving...',
        event: 'dblclick',
        tooltip: 'Double click to edit...',
        style: 'inherit',
        width: ($('.datepicker').width() - 10) + "px",
        onsubmit: function (settings, td) {
            var tid = $(td).attr('id');
            //alert(tid);
            $.ajax({
                async: false,
                url: '/Stock/CompareDate',
                type: 'GET',
                data: { id: tid },
                success: function (result) {
                    if (result < 0) {
                        alert("Expiry dare cannot be earlier than storage date");
                        return onSelect(false);
                    }
                    else {
                        return true;
                    }
                }
            });
        }
    });

функция jEditable-datepicker:

/* attach jquery.ui.datepicker to the input element */
plugin: function( settings, original ) {
  var form = this,
      input = form.find( "input" );

  // Don't cancel inline editing onblur to allow clicking datepicker
  settings.onblur = 'nothing';

  datepicker = {
    dateFormat: 'D, dd M yy',
    onSelect: function() {
      // clicking specific day in the calendar should
      // submit the form and close the input field
      form.submit();
    },

Я хотел бы знать, есть ли в любом случае, я могу либо "остановить" событие onselect, если ввод неверен ??Надеюсь, вы можете получить помощь здесь ... спасибо ....

Answer 1

Можете ли вы просто проверить, является ли выбранная дата действительной, и только отправить и заполнить форму, если она есть?

onSelect: function(dateText, inst) {
    if (/* dateText is valid */) {
        form.submit();
    }
}

Answer 2

Я получаю это, не останавливая отправку, но меняю входное значение обратно на значение по умолчанию, если проверка не удалась. Это единственный способ сделать это. Спасибо!

Answer 3

попробуйте что-то вроде этого:

plugin : function(settings, original) {
..
$(this).find('input').datepicker().bind('click', function(e) {
   //e.preventDefault() // also test this
   return false;
})