/Javascript/jQuery/Jquery validation errorplacement

Jquery validation errorplacement

$(document).ready(function () {
    $('#add_client').validate({
        errorClass: 'validation_errors',
        debug: false,
        rules: {
            client_name: {
                required: true
            },
            client_address: {
                required: true
            },
            client_city: {
                required: true
            }
        },
        errorPlacement: function (error, element) {
            console.log('dd', element.attr("name"))
            if (element.attr("name") == "client_city") {
                error.appendTo("#messageBox");
            } else {
                error.insertAfter(element)
            }
        },
        messages: {
            client_name: {
                required: "The Client name is a required / mandatory field"
            },
            client_address: {
                required: "The Client address is a required / mandatory field"
            },
            client_city: {
                required: "The City is a required / mandatory field"
            },

        },
        submitHandler: () => {
        $('#send_form').on('click', submitFormHandler)
        $('#send_form').trigger('click')
        $('#terms-of-use').removeClass("checked")
        $('#terms').removeClass("checked")
      }
    });
});

Source: stackoverflow.com

Similar codes

10 votes150 views3 answers
Jquery validation plugin
Javascript jQuery
9 votes143 views5 answers
Jquery select dropdown
Javascript jQuery
2 votes155 views2 answers
Jquery on scroll
Javascript jQuery
-1 vote163 views1 answer
Jquery element distance from top of window
Javascript jQuery
12 votes159 views3 answers
Jquery check if screen size
Javascript jQuery
0 vote149 views2 answers
Jquery upload image
Javascript jQuery
2 votes160 views3 answers
Jquery sanitize html
Javascript jQuery
0 vote183 views1 answer
Notification like whatsapp in jquery
Javascript jQuery
2 votes155 views2 answers
Jquery ajax 500 error handling
Javascript jQuery
0 vote161 views2 answers
Jquery empty all forms
Javascript jQuery