let me explain what issue i am facing , i have two cloumns in kendogrid one is dropdown and other is simple textbox
let say dropodown column has (emailadress, website dropdown) now i want to match the exact expression of mail to the other column
if it matches then save the record if not matches than show the toolptip and prevent for saving changes
this is the code
save: function(e) {
// Get the data item being saved
var dataItem = e.model;
// Access properties of the data item and perform actions accordingly
var addressType = dataItem.intInternetAddressTypeID;
var inputField = dataItem.strInternetAddress;
// Perform validation or other actions based on the properties
if (addressType === "2") {
// Email validation for input field
var emailRegex = /^[^\s@@]+@@[^\s@@]+\.[^\s@@]+$/;
if (!emailRegex.test(inputField)) {
// Set validation message on the corresponding cell
e.container.find("[name=strInternetAddress]").closest("td").attr("data-strInternetAddress-msg", "Invalid email address format");
e.preventDefault(); // Prevent saving the record
}
} else if (addressType === "10") {
// Phone number validation for input field
var phoneRegex = /^[0-9]+$/;
if (!phoneRegex.test(inputField)) {
// Set validation message on the corresponding cell
e.container.find("[name=strInternetAddress]").closest("td").attr("data-strInternetAddress-msg", "Invalid phone number format");
e.preventDefault(); // Prevent saving the record
}
}
},
i also enable the tooltip from databound
dataBound: function (e) {
e.sender.element.find("[data-strInternetAddress-msg]").each(function () {
$(this).kendoTooltip({
position: "bottom",
content: $(this).attr("data-strInternetAddress-msg"),
});
});
}but tooltip is not showing in the page , it preventing from saving but not showing tooltip after inspection i found that it creating this html
<td role="gridcell" data-container-for="strInternetAddress" data-strinternetaddress-msg="Invalid email address format"><input type="text" class="k-input k-textbox k-valid" name="strInternetAddress" required="required" data-required-msg="Internet Address is required" data-bind="value:strInternetAddress"></td>
Help me how to show the tooltip not alert i dont want alert
Hi there! I'm not a developer but working with one to try and get a fix for my web application. This specific issue is not happening on any desktop computer but appears to be happening on my MacBook Pro when using Safari (not Chrome) and my 5th Gen iPad in both Safari and Chrome. When access a specific section of the program it begins to 'tab' through every field on that page endlessly. When I check the network log it states 'PerformValidationActions' appears to be in a loop cycling through 'text1_enter' 'text1_leave' 'text2_enter' 'text2_leave' 'text3_enter' 'text3_leave' etc. It EVENTUALLY ends but then when you try to log out you get the error Object reference not set to an instance of an object.
Any help would be GREATLY appreciated!
Hello Kendo Experts,
I'm currently working on integrating a Kendo JQuery Grid with an ASP.NET Core server-side setup that utilizes Fluent Validation for data validation. When submitting data via the grid, the server responds with a structured error message in case of validation failures, following this format:
My goal is to handle these validation errors and present them to the user in a user-friendly manner within the Kendo Grid interface. This involves processing the error messages received from the server and displaying them near the corresponding input fields for easy identification and correction by the user.
Could you kindly provide guidance or suggestions on how to achieve this? Any insights or examples on how to format and display these error messages effectively within the Kendo Grid would be greatly appreciated.
Thank you for your assistance.
I'm just migrating an application to ASP.NET Core. A couple of data forms in pop-up windows use a kendo validator. This works to validate fields and highlight required fields, but the validate function is returning false even though the error count is 0.
I'm using version v2023.3.1114 of Kendo UI for ASP.Net Core.
The validation code is:-
var validator = $('#MetaDatafrm').kendoValidator({
validationSummary: true,
validate: function (e) {
var dropDowns = $(".k-dropdown");
$.each(dropDowns, function (key, value) {
var input = $(value).find("input.k-invalid");
var span = $(this).find("span.k-dropdown-wrap");
if (input.length > 0) { //if there is an input in here with k-invalid...
$(span).addClass("dropdown-validation-error");
} else {
$(span).removeClass("dropdown-validation-error");
}
});
}
}).getKendoValidator();
var x = validator.validate();
var errors = validator.errors();
//alert(errors.length);
if(errors.length==0)
{
x=true;
}
validator.showValidationSummary();
if (x == false) {
alert('Form has failed data validation. Please correct and try again');
return;
}
The form is loaded from a partial view loaded by:-
function editMetaData(rID, rs) {
srcFilter=rs;
var wind = $('#wndMetaDataEdit').data("kendoWindow");
$('#btnSave').removeProp("disabled");
$('#errorMsg').hide();
wind.refresh({
url: "@Url.Content("~/Home/EditMetaData?reportID=")" + rID + "&src=" + rs
});
wind.center();
wind.open();
}
This code did work in a previous version (v2023.2.718) but that was ASP.NET MVC, not .Net core.
Hello kendo,
When an user is entering the date with an invalid format like dd.mm.yyyy (so 27.06.2023) into our datepicker, it looks like the date is accepted in the UI, but the value is actually empty. What is confusing for the user. To fix this we would like to clear the value when an user entered an invalid date. How can we do this ?
I found an example for the datetimepicker, but it requires an initial filled in date, if you start with an empty value it's not working. The problem comes from the problem that it's impossible to tell if the value is empy or invalid.
https://docs.telerik.com/kendo-ui/knowledge-base/prevent-invalid-values
PS the script has an bug and is not working, add to following to the script to get it working:
$("#datetimepicker").kendoDateTimePicker({
change: onChange,
close: onClose,
open: onOpen,
value: new Date()
});
var lastValidDate = $("#datetimepicker").data('kendoDateTimePicker').value();
});
</script>
Regards,
Jeroen
Hai,
I have two questions :
1) How can I change the width of a GridColumn, as show below? I am currently using GridColumn. Please find attached as reference.
2) How can I use Kendo UI to create a bar graph like the one shown below? The graph should update based on the user-entered values for total occurrence and time period (week/month). Does Kendo UI support this functionality?
Dear Experts ,
I am currently working on a financial related project where I am using the Kendo Spreadsheet . However, I am facing an issue with regards to authentication and data validation.
Specifically, I would like to know if there is a solution in the Kendo Spreadsheet that can validate authentication with an integrated app before loading data and triggering data to the database.
I have researched this topic extensively, but I have not been able to find a clear solution. Therefore, I am reaching out to the community to seek your guidance and insights. Have any of you faced a similar issue? If so, how did you address it?
Any advice or solution that you can provide on this matter would be greatly appreciated. Thank you in advance for your help and expertise.
Hi,
Like Demo https://dojo.telerik.com/ojOwIcIB
I want to change field [attendees] validation message when field input value is empty,
I referred
https://www.telerik.com/forums/kendo-scheduler-change-field-validation-message
and
https://dojo.telerik.com/AsAjOdiv
Like this :
e.container.find("[data-container-for=attendees] select[data-role=multiselect]").attr("data-required-msg", "New Validation Message!");
It's not work....
Thank you very much for your help.
Hi,
Like Demo : https://dojo.telerik.com/ExuQuSoT
Field title and description validation require is set true.
I have a business need :
When I choose Meeting Room 201 for Field RoomId, I hope that I can mask or turn off the validation and submit it normal.
How to realize it?
Thank you very much for your help.