bootstrap表單助手電話將無法工作

我試圖使用窗體Bootstrap框架使網站。由於我的代碼部分我有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>

這是圖像：

enter image description here

它不應該是這樣的。它不應該接受任何字符串，它應該給我打了電話格式是這樣的：

enter image description here

我已經在我的目錄必要的JS文件，但我不知道爲什麼它不工作。

來源

2013-05-25 S. N

不要你得到任何錯誤的js控制檯（Chrome/Firefox上的Shift + Ctrl + J）？ – Salem

不，它不給我任何錯誤，但我認爲它讀取CSS文件，它已正確鏈接，當我使用inspect元素時，它不顯示我的CSS屬性。我不知道什麼會出錯。 –

確保輸入欄位在表單內。否則，電話助手將無法正常工作。

<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

來源

2013-08-23 01:18:16 Seppemans

jsfiddle現在不工作 – gani

感謝您指出這一點！熱鏈接的bootstrap-formhelpers.js消失了。現在它再次工作。 – Seppemans

也，輸入類型必須是「文本」或「電話」進行formhelpers工作：從自舉-formhelpers.min.js

片斷部分：

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

可能對某人有用

來源

2015-12-01 16:05:26

您忘記了添加<form>標記。

只需將您的代碼放在<form>標記內，它就會開始工作。

<form> 

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

</form>

注：還加引導的必要類，如控制，形成等

來源

2017-09-07 09:19:42

請添加示例或固定代碼。 – RealCheeseLord

我已經嘗試使用類型電信和其他類

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

來源

2017-12-05 15:13:34

bootstrap表單助手電話將無法工作

回答

相關問題