I am new with jQuery validation and learing so I don't have any idea about this. Now I am using jQuery Validate plugin and want to display error message inside div element. I have created div for every error message.

For example I have Name input field and want to display error message inside nameError div.

<div>

    <label for=name>Name</label>

    <input id='name' name=name value= />

</div>

<div id=nameError>

    <!-- Display Name Error Here  -->

</div>

Is it possible for jQuery Validation Plugin? I have no idea that why I am posting here to get help from you.

MY JQUERY CODE IS:

$(function () {

    $.validator.addMethod(regex, function (value, element, regexpr) {

        return regexpr.test(value);

    }, Please enter a valid name.);



    $(#myForm).validate({

        rules: {

            name: {

                required: true,

                regex: /^[A-Za-z]+$/

            }

        }

    });

});

MY JSFIIDLE

Thanks.