验证输入掩码答案

【问题标题】：Validation of input mask验证输入掩码
【发布时间】：2019-03-12 08:08:45
【问题描述】：

我正在使用RobinHerbots/Inputmask 插件来屏蔽电话输入。我想知道如何验证输入以确保用户输入了正确的信息。谢谢！

 <form>
      <input type="tel" id="phone" name="phone">
 </form>

 <script>
    $("#phone").inputmask({"mask": "999-999-9999"});
 </script>

【问题讨论】：

你链接了jQuery插件吗？
@MaksimsKitajevs 是的，我只想验证输入。例如，我会使用这个正则表达式来验证^(\+?27|0)[6-8][0-9]{8}$，但因为我使用的是插件所以不能。
所以您只需要inputmask() 的解决方案吗？使用原生解决方案总是比使用插件更好。
@MaksimsKitajevs 是的，我知道这样更好，我为之工作的人需要这样，所以这就是原因。无论如何，谢谢。

标签： javascript jquery html jquery-inputmask

【解决方案1】：

如果输入了正确的格式，您可以使用以下代码通知您的用户：

if ($(selector).inputmask("isComplete")){
    //do something
}

所以对于你的情况，它可能是这样的：

if ($("#phone").inputmask("isComplete")){
    /* here you can do whatever you want to notify your user that it is correct 
       for example change the input color to green or something like that 
    */
    alert('your telephone input is correct');
}

或者，如果您按照他们为您使用的演示进行操作，它会是这样的：

$("#phone").inputmask({"mask": "999-999-9999"}, {
    oncomplete: function () {
       //Do something
    }
});

【讨论】：

@lawkunchi，我删除了您对答案的补充，当然在答案中添加“感谢您的帮助”违背了答案区域的目的。答案应该用回答者的话来表达，而不是你，提问者。如果您想分享最终使它发挥作用的原因，请将其作为新答案发布（如果您认为这将使未来的访问者受益），但请将其保留为已接受的答案。