To show validation on a field using Regex Expression

In this blog, I am going to show how we can display a validation on the field if the entered text is not in the required format

Let’s consider a use case,

We have a field name ‘DMV Initial License’ which is a single line of text field. When text is entered the Date format for this field should be MM/YYYY

Let’s have a look at JavaScript where the magic is making this possible.

Step 1: Regex Expression for Date in the required format MM/YYYY – date_regex = /^(0[1-9]|1[0-2])\/[/]?([0-9]{4})$/

Step 2: Below is the entire code of JS

checkDateFormat: function (executionContext, fieldname) {
		debugger;
		var formContext = executionContext.getFormContext();
		var fieldAttribute = formContext.getAttribute(fieldname);
		if (fieldAttribute) {
			var fieldAttributeValue = fieldAttribute.getValue();
			const date_regex = /^(0[1-9]|1[0-2])\/[/]?([0-9]{4})$/;
			if (fieldAttributeValue) {
				if (fieldAttributeValue.match(date_regex) != null) {
					formContext.getControl(fieldname).clearNotification();
				}
				else {
					formContext.getControl(fieldname).setNotification("Invalid Date format - Set as MM/YYYY");
				}
			}
		}
	},

For Table/Entity Main Form customization, select ‘Form Properties’ to include JavaScript function as below,

On Change of field ‘ DMV Initial License ’: oCustomerFormCustomization.checkDateFormat

Note: Pass the execution context for calling the JS function.

Hope this helps!!