4

requiredフォーム フィールドの Boolean 属性で、わずかな検証の問題が発生しています。

私は自分のフィールドを次のようにマークアップしています:

<label for="email">Email Address:</label>
<input value="" type="email" name="email" id="email" required />

ただし、jQuery を使用して必要なすべてのフィールドを検索し、それらを配列に追加しようとすると、検出の問題により問題が発生するようです。

以下は Firefox (Gecko) でのみ機能し$(':input[required=""]')ますが、Webkit (Safari、Chrome) では何も返しません。

一方、Webkit は、$(':input[required]')またはを実行するとすべての必須フィールドを返します$(':input[required="true"]')が、これを Gecko で実行すると、必須フィールドが返されません。

ここで何が間違っていますか？最後に、入力属性が単純requiredでどちらrequired="required"でもないことを確認しましたrequired="true"。

javascript/jQuery を使用してすべての必須フィールドを検出するより良い方法はありますか?

4

3 に答える 3

4

悪い回避策かもしれませんが、複数セレクターを試してみましたか?

$(':input[required=""],:input[required]')
于 2011-02-12T02:59:52.697 に答える
3

どうぞ。これにより、すべての必須フィールドを含む配列が出力されます。

<input value="" type="email" name="email" id="email" required/>
<input value="" type="email" name="email1" id="email1"  required/>
<input value="" type="email" name="email2" id="email2"/>

<script type="text/javascript">
var x = $('input[required]').get();
console.log(x); // x will contain an array of required inputs [input#email, input#email1]
</script>
于 2011-02-12T02:59:52.840 に答える
0

ブートストラップ 3 では、次のことができます。

$('input[required]')
    .closest(".form-group")
    .children("label")
    .append(" <i class='fa fa-asterisk'></i>");
于 2014-03-20T13:07:18.363 に答える