Create a new instance of a Kendo form with an item where the validation's required property is set to true. For example:
<!DOCTYPE html>
<html>
<head>
<title>Example Form</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.2.616/styles/kendo.default-v2.min.css" />
</head>
<body>
<form id="example"></form>
<script src="https://kendo.cdn.telerik.com/2021.2.616/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2021.2.616/js/kendo.all.min.js"></script>
<script>
$(document).ready(function () {
var validationSuccess = $("#validation-success");
$("#example").kendoForm({
formData: {
FirstName: ''
},
layout: 'grid',
grid: {
cols: 2,
gutter: 16
},
items: [
{
field: 'FirstName',
label: 'First Name',
validation: {
required: true
}
}
]
});
});
</script>
</body>
</html>
The feature request is to send the label value to the validator rather than the field value.
I understand that the required property can take an object, such as:
required: { message: 'First Name is required' }
Bug report
When a string that could be evaluated as a Date is used in the Form, a DatePicker is rendered instead of TextBox
Reproduction of the problem
- Open the Dojo linked here
Current behavior
The fromData for the first field is set as string 'TextBox1: "12/11/1969"', however, the '12/11/1969' could be evaluated as a Date. Thus, the From displays a DatePicker although the field is not explicitly casted to Date.
Expected/desired behavior
When the value is not explicitly set as a Date a TextBox should be rendered in the Form.
Workaround
var MyModel = kendo.data.Model.define({
fields: {
"TextBox1": {
type: "string"
},
"TextBox2": {
type: "string"
}
}
});
Environment
- Kendo UI version: 2021.2.616
- Browser: [all]
It would be great if the form configuration allowed for items to be readonly or disabled during setup. There are times when perhaps some data should not be able to be changed.
I'm having to do tricks such as this for each field I want readonly.
$("#fileSize").data("kendoNumericTextBox").readonly(true);
$("#originalFilename, #title").kendoTextBox({ readonly: true });