Field CPF, CNPJ and Other Document - jQuery validation

Question

I have a field where you can write the CPF, CNPJ and Other Document. The field is no mask, while the "Other Document" can be any number or letter.

How can I make these validations in jQuery? Check if the user typed without mask or mask and/or if it is a document.

Answer 1

It seems to me from your description that any string that contains numbers or letters is valid. In this case just a simple match:

var valido = this.value.match(/^[\d\w]+$/);

Example:

var input = document.querySelector('input');
var res = document.getElementById('res');
input.addEventListener('keyup', function() {
    var valido = this.value.match(/^[\d\w]+$/);
    res.innerHTML = valido ? 'valido' : 'invalido';
});

<input type="text" placeholder="escreve algo aqui...">
<div id="res"></div>

jsFiddle: https://jsfiddle.net/g5o1gp45/

Answer 2

You will only be able to do this when the courses leave the field, before that there is no way you can predict what will be inserted: CPF, CNPJ or Other Document.

I’d go like this: In the onblur - field output - would take the content of the text, filter only the numbers and if it has 11 digits it would format as CPF, if it has 14 as CNPJ, otherwise it would not format.

Answer 3

There is a plugin for jQuery that is very well known called jQuery Validation Plugin which greatly facilitates validation processes using jQuery. You can take a look at their documentation to learn how to use, here the link.