Hello,

Yes, I understand the issue you're facing. This behavior happens because spaces are being counted as characters during validation. To handle this correctly, you’ll need to implement custom validation for each column where this logic is necessary.

Here's how you can achieve this:

1/ Use editorOptions and set up validatorOptions inside each column’s configuration.

2/ In validatorOptions, enable validation on all key events:

onblur: true,
onchange: true,
onsubmit: true,

3/ Then use the custom validator type, where you define a function that checks for non-space character length and shows a relevant error message.

Here’s a sample of the custom validator function you can use:

function (value) {

    const setMsg = txt => {
        $(this.element).igValidator("option", "errorMessage", txt);
        return false;
    };
    
    const trimmed = $.trim(value || "");

    if (trimmed.length < 4) {
        $(this.element).igValidator("option", "errorMessage", "Title must be at least 4 non-space characters.");
        return false;
    }

    return true;
}

This function ensures that inputs with only spaces (or fewer than 4 non-space characters) will not pass validation. You can adjust the logic per column as needed, depending on the specific requirements of that field.

The described scenario could be observed here:

To help you further, I’ve prepared a working sample you can refer to:

Live Example on JSFiddle

Please do not hesitate to contact me if you need any further assistance with this matter. 

Regards,

Georgi Anastasov

Associate Software Developer

Infragistics