Hi,As i am currently working with IGgrid, but the default validation of textbox allows the "spacebar" and enters a blank space even if you don't add any value in text box and it saves the data even if it is empty.
This is default validation, it accepts blank space before we enter any character, so if i just press spacebar on textbox, it considers that as a value.
setting.ColumnSetting().ColumnKey("CustomerValue").EditorType(ColumnEditorType.Text).Required(true).Validation(true);
I need help for setting up custom validation for same, below is the jquery i wrote, it works for textbox but it display the message as alert, i want the message as defualt ie: "This field is required" on top of textbox
var emptyCustomerValue = ui.values.CustomerValue.trim().toLowerCase(); var isEmptySpace = emptyCustomerValue.replace(/^\s+|\s+$/g, ""); if (isEmptySpace === "") {terminationReasonMappingGrid.showModel(terminationReasonMappingGrid.constants.commonErrorTitle, terminationReasonMappingGrid.constants.emptySpacesNotAllowed); isClickedOnSave = false; return false; }
});
The above code displays it in Alert window
Hello,
Thank you for posting into our community!
I have been looking into your question and an approach I could suggest, in order to apply custom validation using a regular expression and display the message above the field as a popover, is configuring the igGridUpdating’s editorOptions. Furthermore, for the regular expression you could use the igValidator’s pattern option and for displaying the message in a certain position you could configure the notificationOptions option.
Additionally, in order to demonstrate my suggestion, I have prepared a small sample using the abovementioned approach. In the attached sample, I have configured the editorOptions for the Product Name and Condition columns and when typing whitespaces or not providing a value, different error messages are shown above the field. This could be observed in the below attachment:
Here could be found my sample for your reference. Please test it on your side and let me know if you need any further assistance regarding this matter.
In addition, if this is not an accurate demonstration of what you are trying to achieve, please feel free to modify it and send it back to me along with steps to reproduce it.
Looking forward to your reply.
Sincerely,Riva IvanovaEntry Level Software Developer
Thank you so much.
Implementing custom validation for a textbox in IGGrid involves setting specific rules to ensure data integrity. Use the grid's built-in validation options to define criteria like character limits, required fields,centurylink support phone number or pattern matching. By customizing these validations, you can prevent invalid entries, enhance user input accuracy, and maintain high data quality within your application.
I am glad that you find my suggestion helpful.
Thank you for using Infragistics components.
Regards,Riva IvanovaEntry Level Software Developer