Javascript 社会保险号码输入验证

我有这个样本：

代码HTML:

<input class="required-input" id="ssn" maxlength="9" type="text" name="ssn" placeholder="123-45-6789">

.valid{
  border:1px solid blue;
}
.invalid{
  border:1px solid red;
}

function ssnFormat(){
    $("#ssn").on('blur change', function () {
        text = $(this).val().replace(/(\d{3})(\d{2})(\d{4})/, "$3-$2-$4");
        if ($(this).val() == '' || $(this).val().match(text) || $(this).val().length == 0) {
            $(this).removeClass('valid').addClass('invalid');
        }else {
            $(this).removeClass('invalid').addClass('valid');
        }
    });
}

$( "#ssn" ).on('blur change', function() {
        ssnFormat();
    });

代码JS:

<input class="required-input" id="ssn" maxlength="9" type="text" name="ssn" placeholder="123-45-6789">

.valid{
  border:1px solid blue;
}
.invalid{
  border:1px solid red;
}

function ssnFormat(){
    $("#ssn").on('blur change', function () {
        text = $(this).val().replace(/(\d{3})(\d{2})(\d{4})/, "$3-$2-$4");
        if ($(this).val() == '' || $(this).val().match(text) || $(this).val().length == 0) {
            $(this).removeClass('valid').addClass('invalid');
        }else {
            $(this).removeClass('invalid').addClass('valid');
        }
    });
}

$( "#ssn" ).on('blur change', function() {
        ssnFormat();
    });

我想做的是：

1.如果我编写以下文本，我想验证此格式

123-12-1234

2.如果我写入

123456789

我想在单击此格式的外部输入时进行转换

123-12-1234

我尝试使用下面的函数来完成此操作，但不起作用

$("#ssn").on("click", function() {
        var thisVal = $(this).val();
        var value = thisVal.replace(/[^\/\d]/g,''); //here is a problem
        $(this).val(value);
    });

你能帮我解决这个问题吗

提前谢谢

试试这个

函数myFunc（）{
var patt=newregexp（“\d{3}[\-]\d{2}[\-]\d{4}”）；
var x=document.getElementById（“ssn”）；
var res=部分测试（x值）；
如果（！res）{
x、 value=x.value
.match（/\d*/g）.join（“”）
.match（/（\d{0,3}）（\d{0,2}）（\d{0,4}）/）.slice（1）.join（'-'））
.替换（/-*$/g，”）；
}
}

。有效{
边框：1px纯蓝色；
}
.无效{
边框：1px纯红；
}

函数myFunc（）{
var patt=newregexp（“\d{3}[\-]\d{2}[\-]\d{4}”）；
var x=document.getElementById（“ssn”）；
var res=部分测试（x值）；
如果（！res）{
x、 value=x.value
.match（/\d*/g）.join（“”）
.match（/（\d{0,3}）（\d{0,2}）（\d{0,4}）/）.slice（1）.join（'-'））
.替换（/-*$/g，”）；
}
}

。有效{
边框：1px纯蓝色；
}
.无效{
边框：1px纯红；
}

---

对我来说，它不起作用，你可以把笔放在代码上。如果你工作，请链接到代码？意外的标记。@约翰史密斯在

thisVal

之后，代码中有一个超级

，我已经提交了一个编辑。请先尝试使用正确的格式。例如：123-12-1234好，但你删除了字符限制。。。用户不允许写超过需要的字符，而此代码片段可能会解决这个问题，真正有助于提高您的文章质量。请记住，您将在将来回答读者的问题，这些人可能不知道您的代码建议的原因。