javascript - 如何检查格式是否有效？

Question

我有这个样本:

link

代码 HTML:

<input class="" type="text" name="primary_phone" id="primary_phone" maxlength="10" placeholder="1234567890">

代码 CSS:

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

代码 JS:

$( "#primary_phone" ).blur(function() {
        text = $(this).val().replace(/(\d\d\d)(\d\d\d)(\d\d\d\d)/, '($1)$2-$3');
        $(this).val(text);

    if(the form==valid)
    {
       addClass.(valid);
    }else{
      addClass.(invalid);
   }

});

我想做的是验证您的...以添加红色边框，以防拼写错误且格式不符合要求。

我输入了我想怎么做的代码如果用户先输入正确的表格，然后删除并写错，我想使代码无效。

如果您需要更多信息，请告诉我

提前致谢!

Answer 1

制作它(将.替换为:)，检查this

:valid{
  border:1px solid green;
}
:invalid{
  border:1px solid red;
}

<input class="" type="text" name="primary_phone" id="primary_phone" maxlength="10" placeholder="1234567890" pattern="(\d\d\d)(\d\d\d)(\d\d\d\d)">

将 pattern 属性添加为 (\d\d\d)(\d\d\d)(\d\d\d\d) 以便浏览器知道什么是有效，什么是无效

检查这个更新的 fiddle