以下のブートストラップをドロップダウン・ピッカーとして使用しています。関連するjQuery関数を使用すると、input
type="text"
の選択フィールドが表示されます。しかし、ユーザーは自分自身を入力フィールドに書き込むことはできますが、これは避けたいものです。入力フィールドにdisabled
属性を使用してみましたが、jQuery Validateプラグインはそれを無視し、空の場合でも許可を与えます。jQuery入力フィールドの検証と無効化
disabled
属性を使用せずに、入力フィールドをtype="text"
で「非アクティブ化」することができます。これにより、jQuery Validateを引き続き使用することができます。
<div class="form-group">
<div class="input-group">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Choose<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#" id="a">1</a></li>
<li><a href="#" id="b">2</a></li>
<li><a href="#" id="c">3</a></li>
<li><a href="#" id="d">4</a></li>
<li role="separator" class="divider"></li>
<li><a href="#" id="e">5</a></li>
</ul>
</div>
<input type="text" id="abc" autocomplete="off" name="abc" placeholder="Select *" class="form-control" aria-label="...">
</div>
</div>
関連するJavaScriptはどこですか? – Sparky