/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

15 votes142 views6 answers
Get option value jquery
Javascript jQuery
3 votes149 views1 answer
Check if variable is undefined or null jquery
Javascript jQuery
0 vote155 views1 answer
Jquery onclick doesn't work on adding another id and removing the old id
Javascript jQuery
15 votes246 views5 answers
Jquery if is visible
Javascript jQuery
9 votes164 views3 answers
Animate jquery
Javascript jQuery
0 vote133 views1 answer
Jquery fade opacity
Javascript jQuery
0 vote150 views1 answer
Jquery open image in new tab
Javascript jQuery
0 vote145 views1 answer
On page fully loaded jquery
Javascript jQuery
0 vote141 views1 answer
How to disable time option in select jquery
Javascript jQuery
0 vote149 views1 answer
Get html lang attribute jquery
Javascript jQuery