Question

我正在使用Bootstrap推荐的手机表单助手来验证文本框内的电话号码。验证按预期工作，但我在设置文本框的默认值时遇到一些问题。这是我使用的标记：

<input type = "text" class = "bfh-phone" data-format = "(ddd) ddd-dddd" 
id = "phone" value = <?php echo $phone; ?>>

我的PHP $手机变量是一个10位数的非格式化数字

$phone = 1234567890;

不幸的是，上面的内容并没有显示为输入框的默认值。如果我从input元素中取消'class'和'data-format'属性，那么默认值将按预期显示。

我尝试按照数据格式属性的行格式化我的$ phone变量。

IE：

$phone = (123) 456-7890;

但没有骰子。在这种情况下，如何使用PHP变量设置默认值？

Answer 1

看起来必须在输入字段中设置“值”属性以及“数据编号”属性，以便在字段中实际显示该数字。可以在bootstrap formhelper网站上看到一个示例 - http://vincentlamanna.com/BootstrapFormHelpers/phone.html - 在＆lt; span＆gt;内显示值时标记。

Answer 2

你也可以通过稍微修改插件来解决这个问题。

打开 bootstrap-formhelpers-phone.js 文件，转到第175行并插入以下代码行：

 if ($phone.val() != "") $phone.data("number", $phone.val())

插件中的整个代码块是：

 /* PHONE DATA-API
  * ============== */

  $(window).on('load', function () {
    $('form input[type="text"].bfh-phone, form input[type="tel"].bfh-phone, span.bfh-phone').each(function () {
      var $phone = $(this)
      if ($phone.val() != "") $phone.data("number", $phone.val())
      $phone.bfhphone($phone.data())
    })
  })

Bootstrap电话表格助手默认值

2 个答案: