/
Question & Réponse
/
Create mask for input with javascript

Create mask for input with javascript

Jquery, Javascript
Développement front-end

//In HTML
<input type="text" name="masknumber">
<input type="text" name="number" style="display:none;">
//JS
$("input[name='masknumber']").on("keyup", function(){
	$("input[name='number']").val(destroyMask(this.value));
    this.value = createMask($("input[name='number']").val());
})

function createMask(string){
    console.log(string)
	return string.replace(/(\d{2})(\d{3})(\d{2})/,"$1-$2-$3");
}

function destroyMask(string){
    console.log(string)
	return string.replace(/\D/g,'').substring(0, 8);
}