1

Bootstrap が推奨する電話フォーム ヘルパーを使用して、テキスト ボックス内の電話番号を検証しています。検証は期待どおりに機能しますが、テキスト ボックスのデフォルト値の設定に問題があります。これは私が使用するマークアップです：

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

私の PHP $phone 変数は、フォーマットされていない 10 桁の数字です

$phone = 1234567890;

残念ながら、上記は入力ボックスのデフォルト値として表示されません。入力要素から 'class' および 'data-format' 属性を削除すると、デフォルト値が期待どおりに表示されます。

data-format 属性の行に沿って $phone 変数をフォーマットしようとしました。

いいえ:

$phone = (123) 456-7890;

しかし、サイコロはありません。この場合、PHP 変数を使用してデフォルト値を設定するにはどうすればよいですか?

4

2 に答える 2

6

フィールドに実際に数値を表示するには、入力フィールド内に「値」属性と「データ番号」属性を設定する必要があるようです。ブートストラップ フォームヘルパーの Web サイト ( http://vincentlamanna.com/BootstrapFormHelpers/phone.html ) で、値を表示する際の <span> タグ内に例を示します。

于 2013-05-27T14:46:38.617 に答える
0

プラグインを少し変更することでこれを解決することもできます。

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())
    })
  })
于 2013-08-14T22:29:52.353 に答える