jQuery Validate Plugin Border Validation Color

A short tutorial on how to validate a form with border color instead of messages. Simple and Easy.

Tweet
Share
Share
Pin

This is a short example on how to create border colors for validation with the jQuery Validation Plugin. 

jQuery

$(document).ready(function () {

    $('#myform').validate({ // initialize the plugin
        // your rules and options,
        errorPlacement: function(){
            return false;  // suppresses error message text
        }
    });

});

CSS

.error{
  border-color:red;
}

.valid{
  border-color:green;
}


Source: https://stackoverflow.com/questions/15606211/jquery-validation-plugin-change-border-color-no-text 

jQuery Plugin: https://jqueryvalidation.org/