jQuery Validate trim value of all inputs on multiple forms [duplicate]

Question

I have 13 forms and every form with 5 to six inputs.
Below code is working perfectly but have to repeat for all inputs.

$('#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"
        }
    }
});

To trim and validate for each input i tried this so far

$('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);
                    }
                }
            }
        });

    });

But this isn't working

Follow the same idea for the input elements using a generic selector and enclosing the .rules() method within an .each(). See option 2b here: stackoverflow.com/a/9056425/594235 — Sparky
– Sparky, Commented Aug 8, 2018 at 21:37
jQuery validation support the use of a global normalizer in its latest release 1.17.0. See github.com/jquery-validation/jquery-validation/pull/1905 for usage example. — Arkni
– Arkni, Commented Aug 9, 2018 at 12:14

jvk · Accepted Answer · 2018-08-08 11:31:46Z

2

Please check this format.

Validating multiple forms on the same page

example 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"
            }
        }
    });
    });

answered Aug 8, 2018 at 11:31

jvk

2,1893 gold badges22 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery Validate trim value of all inputs on multiple forms [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related