This is a migrated thread and some comments may be shown as answers.

override validationMessage on datapicker input

1 Answer 790 Views
Date/Time Pickers
This is a migrated thread and some comments may be shown as answers.
Federico
Top achievements
Rank 1
Federico asked on 13 Dec 2017, 08:27 AM

I have a datapicker:

 

<label class="required label-date" for="a-c">StartDate</label>
        <input id="a-c" class="k-datepicker" name="Date" required validationMessage="Write {0}" data-role="datepicker" data-bind="value: start, events: {change: OnChangeStart}" />

 

and a kendo validator with datapicker rules:

 

var validator = $("#form").kendoValidator({
         rules: {
           datepicker: function(input) {
             if (input.is("[data-role=datetimepicker]")) {
               return input.data("kendoDateTimePicker").value();
             } else {
               return true;
             }
           }
         },
         messages: {
           datepicker: "Please enter valid date!",
           required: " Required input"
 
         }
       }).data("kendoValidator");

 

validationMessage override the datapicker message.

I would not like to delete the Validation Message.

 

 

 

       

1 Answer, 1 is accepted

Sort by
0
Georgi
Telerik team
answered on 14 Dec 2017, 03:19 PM
Hi Federico,

The described behavior is expected since the input element has required attribute. This triggers the required validation first and as it fails no other validation is triggered. 

Remove the required attribute and validation should display the correct message:



Regards,
Georgi
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Date/Time Pickers
Asked by
Federico
Top achievements
Rank 1
Answers by
Georgi
Telerik team
Share this question
or