JQuery Validate - Hide screen validation error messages / show user errors

Question

I am using jQuery Validate, but I really do not want to have any error messages. Rather, I need to have red boxes around abusive inputs / outputs / etc. These red boxes were part of the cake to add, but I still cannot delete the error messages myself. How to disable them at all?

Answer 1

Use the special error posting function (see the options plugin), which adds nothing to the error message.

$('#form').validate({ errorPlacement: function(error,element) { return true; } }); 

Or you can put the error messages in a different place on the page - say, in the DIV at the top of the page.

Answer 2

You can override the showErrors function:

 jQuery('form').validate({ showErrors: function(errorMap, errorList) { // Do nothing here }, onfocusout: false, onkeyup: false, rules: { email: { required: true } }, messages: { email: { required: 'The email is required' } } }); 

Answer 3

This is how I do it. Just put $.validator.messages.required = ''; before calling to initialize validate () ie:

 $.validator.messages.required = ''; $('#formData').validate({});` 

This will display styles on the inputs, but no message labels!