Bootstrap 3 电话号码验证答案

【问题标题】：Bootstrap 3 phone number validationBootstrap 3 电话号码验证
【发布时间】：2013-12-17 23:21:45
【问题描述】：

有人知道是否可以在 bootstrap v3 中验证电话号码（只是检查该值是否为整数）？

【问题讨论】：

“要求代码的问题必须证明对正在解决的问题有最低限度的了解。包括尝试的解决方案、它们为什么不起作用以及预期的结果。”
您可以将 jQuery 与 Bootstrap 一起使用 - bootply.com/97285

标签： html validation twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

这不是一个引导程序。看看这个：

<input type="number" name="quantity" min="1" max="5">
<input type="tel" name="usrtel">

http://www.w3schools.com/html/html_form_input_types.asp

【讨论】：

如果有人尝试使用<input type="tel" ...>，请注意目前只有 Safari 8 支持 tel 类型。

【解决方案2】：

只需使用类进行引导。检查下面的示例。

<input type="text" id="UserMobile" maxlength="14" data-fv-numeric="true" data-fv-numeric-message="Please enter valid phone numbers" data-fv-phone-country11="IN" required="required" data-fv-notempty-message="This field cannot be left blank." placeholder="Mobile No. " class="form-control" name="data[User][mobile]" data-fv-field="data[User][mobile]">

【讨论】：

【解决方案3】：

我认为引导程序不支持验证，你可以使用 Jquery 验证插件，检查this

【讨论】：

没有。您应该将其用于美国电话号码：jqueryvalidation.org/phoneUS-method

【解决方案4】：

请检查此链接以进行表单验证。它会给你一个完整的表单验证解决方案http://formvalidator.net/#default-validators_email

【讨论】：

您链接到“电子邮件”验证器。该页面不包含“电话”验证器。

【解决方案5】：

有一些基本的验证格式和需求检查，使用 HTML+CSS，在 MDN 文章 input type="tel"> 中有描述。

【讨论】：