Пользовательская обработка проверки с помощью jQuery Datepicker - PullRequest
Новая
       5

Пользовательская обработка проверки с помощью jQuery Datepicker

0 голосов
/ 12 августа 2011

У нас есть экземпляр jQuery UI DatePicker.Когда запускается встроенная проверка - например, для недопустимой даты, как показано ниже - плагин вставляет сообщение между входом и кнопкой календаря.

Error message renders to the right the text box.

<div><label for="optContractFinite">Contract Starts on</label></div>
<input type="radio" id="optContractFinite" value="OE" name="optContractDuration" />
<input type="text" class="isdatepicker" id="diContractStart" />

<div">Contract Expires on</div>
<input type="text" class="isdatepicker" style="margin-left: 20px" id="diContractExpires" />

<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        $(".isdatepicker").datepicker({
            showOn: "button",
            buttonImage: rootPath + "/images/CalendarIcon.gif",
            buttonImageOnly: true
        });
    });
</script>

Есть ли способ вызвать пользовательскую функцию для обработки отображения сообщения?

1 Ответ

0 голосов
/ 12 августа 2011

Так что причина была не в указателе даты, а в валидаторе jQuery и обработчике размещения по умолчанию. 

form_validator = $('form').validate({
    errorClass: 'validationError',
    ignore: '.optional',
    onkeyup: false,
    rules: {
        diContractStart: {
            required: '#optContractOpenEnded:unchecked',
            date: true
        },
        diContractExpires: {
            required: '#optContractOpenEnded:unchecked',
            date: true
        }
    },
    errorPlacement: function (er, el) {
        if (el && el.length > 0) {
            // er.insertAfter(el); <- The culprit
            createErrorBubble(el, er.text());
        }
    }
});
...