jQueryの検証に異常な名前の入力を選択すると、構文エラーが発生する

Question

jquery.validate.min.jsを使用してクライアント側の入力を検証しようとしています。

入力名は一例に過ぎないが<input name="price">

のようなテキストである場合、これはうまく機能：私は、自動的に生成された入力をターゲットにしようとすると、しかし

$("#foo-post-form").validate({ 
    rules: { 
    price: { 
     required: true, 
     number: true 
    } 

    } 
}); 

.error { 
    color: red 
} 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script> 

<form id="foo-post-form"> 

    <label>price</label> 
    <input name="price"> 

</form> 

---

このようなもの<input name="foo_fields[15536]">

私は入力の名前を変更することはできません

"Uncaught SyntaxError: Unexpected token ["

$("#foo-post-form").validate({ 
    rules: { 
    foo_fields[15536]: { 
     required: true, 
     number: true 
    } 
    } 
}); 

.error { 
    color: red 
} 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script> 

<form id="foo-post-form"> 

    <label>custom</label> 
    <input name="foo_fields[15536]"> 

</form> 

---

を取得します。検証のためにそのような入力を選択するにはどうすればよいですか？

Answer 1

引用符で囲みます。 foo_fields[15536]は、配列またはオブジェクトのいずれかを表します。

$("#foo-post-form").validate({ 
rules: { 
    "foo_fields[15536]": { 
    required: true, 
    number: true 
    } 
} 
}); 

Answer 2

私はその検証ライブラリを使用したことがありませんが、私は、あなたが入力オブジェクトを変更した場合、それはあなたの問題を解決するだろうと思いますわ。フィールドのキーをfoo_fields[15536]の代わりに'foo_fields[15536]'という文字列で入力します。

$("#foo-post-form").validate({ 
 
    rules: { 
 
    'foo_fields[15536]': { 
 
     required: true, 
 
     number: true 
 
    } 
 
    } 
 
});

.error { 
 
    color: red 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script> 
 

 
<form id="foo-post-form"> 
 

 
    <label>custom</label> 
 
    <input name="foo_fields[15536]"> 
 

 
</form>