多形式动态字段javascript验证

Question

我有这样的多种形式:

<?php for ($i = 0; $i > $n; $i++) { ?> // n is no. of value (no limit)
    <form>
        <input name="<?php echo $i; ?>venue" type="text">
        <input name="roster" type="text">
        <input type="submit" name="btn_venue">

    </form>
<?php } ?>
    <form>
        <input name="hospitality" type="text">
        <input name="template" type="text">
        <input type="submit" name="btn_hospitality">
    </form>
    ...
    ...
    <form>
        <input name="element" type="text">
        <input name="alignment" type="text">
        <input type="submit" name="btn_xyz">
    </form>

我希望所有形式的验证(字段不应为空),我该如何使用验证？

我尝试了jQuery验证:

<script>
    $('document').ready(function () {
        $('form').each(function (key, form) {
            $(form).validate({
                rules: {
                    hospitality: {
                        required: true
                    },
                    //...
                    //...
                    alignment: {
                        required: true
                    }
            });
        });
    });
</script>

我已经管理静态名称字段验证,但我不知道动态venue名称验证.任何人都可以帮助我吗？

如果只有一个表单易于维护但动态多表单提交验证如何验证.

在一次只有一个表单提交,但特定的表单字段验证它是如何可能的？

Answer 1

尝试这个。它会遍历每个表单，并为每个表单遍历每个输入（文本类型），并为每个表单构建所需的规则。然后将动态构建的规则提供给验证函数。

$('document').ready(function () {
    $('form').each(function (key, form) {
        // build the rules object dynamically
        var rules = {};
        // loop through each input in the form
        $(form).find('input[type="text"]').each(function(idx, obj) {
            // make a rule for this input
            rules[obj.name] = {"required": true};
        });
        $(form).validate({
            "rules": rules
        });
    });
});