Put dash after every n character with country code +1 during input from keyboard

Question

 $('.creditCardText').keyup(function() { var foo = $(this).val().split("-").join(""); // remove hyphens if (foo.length > 0) { foo = foo.match(new RegExp('.{1,4}', 'g')).join("-"); } $(this).val(foo); });

I found this tutorial on putting dash after every 4 character from here my question is what if the character interval is not constant like in this example it is only after every 4 what if the interval is 3 characters "-" 3 characters "-" 4 characters so it would appear like this +1 123-123-1234 with country code +1.

Answer 1

I found this solution using an if else statement.

 function autoDash(f) { length = f.value.length; if(length<1){ f.value="+1-"+f.value; } else if(length == 6){ f.value=f.value+"-"; } else if(length == 10){ f.value=f.value+"-"; } }

 <input type="text" id="tel" name="tel" maxlength="15" onkeydown="autoDash(this)" />