-1

HTML

<div id="multadpic">
    <input type="file" name="adpic[]" />
</div>

この div の後に、次のように無限のファイル入力を追加できるボタンがあります。

<div id="multadpic">
    <input type="file" name="adpic[]" />
    <input type="file" name="adpic[]" />
    <input type="file" name="adpic[]" />
    <input type="file" name="adpic[]" />
    <input type="file" name="adpic[]" />
</div>

jQuery検証プラグインを使用して検証するにはどうすればよいですか? ルールに角かっこを書くことはできませんが、入力の名前に角かっこが含まれていることを考慮して..

私が見つけた1つの解決策は、プラグインの後に独自の検証を記述することです（ただし、それが機能するかどうか、またはそれが面倒な回避策であるかどうかはわかりません）：

jQuery('#myForm').validate(
{
    rules:
    {
        //my rules
    },

    messages:
    {
        //my messages
    },

    submitHandler:
    {
        //my file input validation
    }
});

これについて多くの質問を読んできましたが、私のニーズを解決する答えはありませんでした。

ご清聴ありがとうございました。

4

1 に答える 1

1

角括弧は、.validate()プラグインにとって問題ではありません。name特殊文字を含む を引用符で囲むだけです。

作業デモ:

http://jsfiddle.net/grVmG/

jQuery :

$(document).ready(function() {

    $('#myform').validate({
        rules: {
            "field[]": {
                required: true,
                minlength: 5
            }
        },
        messages: {
            "field[]": {
                required: "this is required",
                minlength: "must be at least {0} characters"
            }
        }
    });

});

HTML :

 <input type="text" name="field[]" />
于 2013-01-20T16:17:49.903 に答える