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 });
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' }