输入掩码的验证

Question

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

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

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

Answer 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
    }
});

输入掩码的验证

Validation of input mask

html

javascript

jquery

jquery-inputmask