Jquery Form Validation

 // settings form validation

$( document ).ready(function() {

    //api-form -- form ID
    $("#api-form").validate({
        rules: {
            //input name
            pnr_api_key: {
                required: true,
                minlength: 48
            },

            pnr_app_id: {
                required: true,
                minlength: 36
            }
        },

        // Specify validation error messages
        messages: {
            pnr_api_key: {
                required: "Please provide API Key",
                minlength: "Your API KEY must be at least 48 characters long"
            },

            pnr_app_id: {
                required: "Please provide APP ID",
                minlength: "Your APP ID must be at least 32 characters long"
            }, 
        },

//to show error in a different field
  errorPlacement: function(error, element) {
                 error.appendTo('.error');
                },



        submitHandler: function(form) {
            form.submit();
        }

    });
});
  
//validation cdn link
  https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js

Post a Comment

0 Comments