bootstrap形式帮手电话不会工作

Question

我正在尝试使用表单Bootstrap框架创建一个网站。作为我的代码的一部分，我有

<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

另外，输入类型必须是“text”或“tel”才能使formhelpers工作：

来自bootstrap-formhelpers.min.js的

片段部分：

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

可能对某人有用

Answer 3

您忘记添加onChange(event) { this.fileElement = event.srcElement; let files = this.fileElement.files; if(!_.endsWith(_.toLower(files[0].name), '.rw')) { // not .rw file } } 代码。

只需将您的代码放在<form>标记内，它就会开始工作。

<form>

注意：还要添加必要的引导类，如控件，表单等。

Answer 4

我尝试使用tel类型和另一个类

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