引导表单辅助电话无法正常工作(bootstrap form helper phone wont wo

我米试图让使用形式引导框架的网站。 由于我的代码部分我有

<div class="control-group">
<label class="control-label" for="inputTell">Telephone</label>
<div class="controls">
<input type="text" id="inputTell" class="bfh-phone" data-format="(ddd) ddd-dddd">
</div>
</div>

这是图像：

它不应该是这样的。 它不应该接受任何字符串，它应该给我打了电话格式是这样的：

我已经在我的目录必要的JS文件，但我不知道为什么它不工作。

Answer 1:

确保输入字段是一个形式里面。 手机助手否则不会正常工作。

<form>
  <div class="control-group">
    <label class="control-label" for="inputTell">Telephone</label>
    <div class="controls">
      <input type="text" id="inputTell" class="bfh-phone" data-format="(ddd) ddd-dddd">
    </div>
  </div>
</form>

实例的jsfiddle

Answer 2:

此外，输入类型必须是“文本”或“电话”为formhelpers工作：

从引导-formhelpers.min.js片断部分：

    ... ('form input[type="text"].bfh-phone, 
          form input[type="tel"].bfh-phone, span.bfh-phone').each(function(){
     ... 
 }); 

可能是有用的人

Answer 3:

你忘了添加<form>标签。

只要把你的代码中<form>标签，它会开始工作。

<form>

    <input type="text" id="inputTell" class="bfh-phone" data-format="(ddd) ddd-dddd">

</form>

注：还加引导的必要类，如控制，形成等。

Answer 4:

我已经尝试使用类型和电话另一班

<div class="control-group">
   <input type="tel" class="form-control bfh-phone" data-format="(ddd) ddd-dddd" name="number" required>
</div>

文章来源: bootstrap form helper phone wont work