用于国际电话号码验证的 jquery 插件

Question

你们能为美国和国际号码推荐一个好的 jQuery 电话号码验证插件吗？我在 Google 上搜索了很多，但找不到一个效果好的。

如果有实时验证(即:当用户在输入字段中键入电话号码时立即验证)，那就太好了

Answer 1

我建议使用jQuery Validate然后使用下面的代码扩展功能，我在 this blog post 上找到了该代码.

它提供了一段很好的代码片段(并且在注释中变得更好)，您可以将其用于国际号码以及美国电话号码。我已经在使用 additionalmethods 插件，因此我将方法重命名为 intlphone，然后将代码重命名为我的网页，位于 jQuery 之后、document.ready< 之前/验证设置:

    jQuery.validator.addMethod('intlphone', function(value) { return (value.match(/^((\+)?[1-9]{1,2})?([-\s\.])?((\(\d{1,4}\))|\d{1,4})(([-\s\.])?[0-9]{1,12}){1,2}(\s*(ext|x)\s*\.?:?\s*([0-9]+))?$/)); }, 'Please enter a valid phone number');

在输入字段中，我想要成为一个电话号码，我将类设置为 intlphone 并添加了最小长度的 HTML5 属性/属性(尽管这也可以通过指定验证规则来完成)设置验证时)，所以我的输入类似于:

<input class="required intlphone" name="phone" minLength="7" type="text" />

正如博客文章所说，它接受数字以及 -+() 以及空格和扩展名，格式为 x: 或 ext:

这并不能保证电话号码 100% 有效，但这并不是一个糟糕的开始。