Ввод номера социального страхования с форматированием номера через Javascript

Question

Я практикую проверки и пытаюсь улучшить свой текущий прогресс. До сих пор я создал скрипт, который собирает имя пользователя при вводе и проверяет, действительно ли оно только для отправленных писем:

<script type="text/javascript">
    function checkName(){
        var validLetters=/^[a-z]+$/i;
        if(validLetters.test(document.getElementById("firstName").value))
            alert("Your name is accepted!");
        else
            alert("Your input contains invalid characters!");
    }

</script>
<form>
    <input type= "text" name="firstName" id="firstName">
    <input type= "button" value="Validate" onclick="checkName();">

</form>

Я хочу сделать еще один шаг вперед и хотел попробовать это с цифрами, в частности с номерами социального страхования. Как вы делаете проверку с номерами в определенном формате, например, ххх-хх-хххх. Если это неверно, я хочу получить сообщение об ошибке, как я сделал для имени. Может ли кто-нибудь провести меня через это?

Пока что у меня будут раздельные входные данные и входные данные по социальному обеспечению, но я как-то сливаю их вместе, когда я это выясню.

-

Я пытаюсь убедиться, что, когда я нажимаю на представление, оно проверяет и проверяет, является ли оно действительным. Это обновленный скрипт, который у меня есть для SSN, мне все еще нужна помощь, чтобы заставить его работать:

<script type="text/javascript">
    function checkDgt(){
        var validSSN=/\d{3}-\d{2}-\d{4}/;
        if(validSSN.test(document.getElementById("social").value))
            alert("Social is invalid.");
        else
            alert("Invalid.");
    }

</script>
<form>
    <input type= "text" name="social" id="social">
    <input type= "button" value="Validate" onclick="checkDgt();">

</form>