Question

I’m using jQuery validation engine and I have two custom rules that I need to use for one field. I’ve tried both of them one by one, they work fine. How do I attach both?

class="validate[required,custom[OFS, onlyLattinLetters], maxSize[140]]"

or

class="validate[required,custom[OFS], custom[onlyLattinLetters], maxSize[140]]"

doesn’t work.

Answer 1

Instead of inline classes, have you tried declaring them within the plugin initialization function?

$(document).ready(function() {
    $('#myForm').validate({
        rules: {
            myField: { 
                required: true,
                OFS: true,
                onlyLattinLetters: true,
                maxSize: 140
            }
        }
    });
});

EDIT:

I would recommend totally avoiding inline code; I think it’s more difficult to maintain, makes your HTML verbose, and it mingles functionality with your presentation styles.

I also removed my example below (see edit history), which I found in the jQuery discussion forum, since I cannot find any official documentation on proper syntax and usage.