jQuery验证多个表单上所有输入的修剪值

时间:2018-08-08 11:05:27

标签: jquery jquery-validate

我有13种形式,每种形式都有5到6个输入。
下面的代码可以正常工作,但必须对所有输入都重复以上操作。

$('#formID').validate({
    rules:{
        inputName:{
            required:true,
            normalizer: function (value) {
                //Trim the value of element for whitespaces
                return $.trim(value);
             }
        }
    },
    messages:{
        inputName: {
            required: "Please fill some description"
        }
    }
});

对于到目前为止我尝试过的每个输入,修剪验证

$('form input, form textarea').each(function (index, element) {
        var testInput =$(element).attr("name");
        // console.log(testInput+'ehllo');
        $('form').validate({
            rules:{
                testInput:{
                    normalizer: function (value) {
                        //Trim the value of element for whitespaces
                        return $.trim(value);
                    }
                }
            }
        });

    });

但这不起作用

1 个答案:

答案 0 :(得分:1)

请检查此格式。

Validating multiple forms on the same page

示例http://jsfiddle.net/K6Tkn/

$('form').each(function() {
    $(this).validate({
        rules:{
            inputName:{
                required:true,
                normalizer: function (value) {
                    //Trim the value of element for whitespaces
                    return $.trim(value);
                 }
            }
        },
        messages:{
            inputName: {
                required: "Please fill some description"
            }
        }
    });
    });