Hi @Tai Vu, thank you for your response.
The Validate Regex application works well, but what I require is for the formatting to be applied automatically as the user types, just like the example I demonstrated in this video.
To achieve this functionality, I've created three Catalog Client Scripts. Two of them are designed to validate fields, while the third one is intended to format them, as shown in the video. Here are the scripts I've created:
CNPJ field validation
function onChange(control, oldValue, newValue, isLoading, isTemplate) {
if (isLoading || newValue === '') {
return;
}
var regEx = /^\d{2}\.\d{3}\.\d{3}\/\d{4}\-\d{2}$/;
if (regEx.test(newValue)) {
g_form.clearMessages('variables.u_cnpj');
} else {
g_form.clearValue('variables.u_cnpj');
g_form.clearMessages('variables.u_cnpj');
g_form.showFieldMsg('variables.u_cnpj', 'Formato CNPJ inválido. Digite numero corretamente' , 'error');
}
}
CPF Field Validation
function onChange(control, oldValue, newValue, isLoading, isTemplate) {
if (isLoading || newValue === '') {
return;
}
// Validação de CPF
var regEx = /^(\d{3}\.){2}\d{3}-\d{2}$/;
if (regEx.test(newValue)) {
g_form.clearMessages('u_cpf'); // Limpa mensagens de erro existentes
// g_form.showFieldMsg('u_cpf', 'Este CPF é Válido', 'info');
} else {
g_form.clearValue('u_cpf'); // Limpa o valor do campo CPF
g_form.clearMessages('u_cpf'); // Limpa mensagens de erro existentes
g_form.showFieldMsg('u_cpf', 'Formato CPF inválido. Digite numero corretamente', 'error');
}
}
Formats CNPJ and CPF fields
function onLoad() {
var cpfField = g_form.getControl('u_cpf');
cpfField.maxLength = 14;
cpfField.addEventListener('input', function (event) {
var cpf = event.target.value;
cpf = cpf.replace(/\D/g, '');
cpf = cpf.replace(/(\d{3})(\d{3})(\d{3})(\d{2})/, '$1.$2.$3-$4');
event.target.value = cpf;
});
var cnpjField = g_form.getControl('u_cnpj');
cnpjField.maxLength = 18;
cnpjField.addEventListener('input', function (event) {
var cnpj = event.target.value;
cnpj = cnpj.replace(/\D/g, '');
cnpj = cnpj.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/, '$1.$2.$3/$4-$5');
event.target.value = cnpj;
});
}
The field validation scripts are functioning correctly, but the formatting script (the last one mentioned above) is not working as expected.
I would appreciate your guidance on how to apply this formatting to the workspace.
