JSFiddle - React, Tailwind, and code Playground

by TheBuzzer

HTML

<input type=text name="TextTest" id="TextTest" />
<span id="SetError"></span>

JavaScript

$('#TextTest').change(function () {
        var filter1 = "^(?:\+?1[-. ]?)?\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$";
    	var regex1 = new RegExp(filter1);
		var filter2 = "^\+(?:[0-9] ?){6,14}[0-9]$"; // International
    	var regex2 = new RegExp(filter2);
		if ((!regex1.test(this.value) || !regex2.test(this.value)) && (this.value != "")) {
			$('#SetError').html('Le numéro de téléphone n\'est pas valide!').css({ 'display' : 'block', 'color' : 'red', 'padding' : '0px' });
		} else {
			if ($('#SetError').html().search("téléphone") >= 0) {
				$('#SetError').html('ok').css({ 'display' : 'none' });
			}
		}
});