WDP AJAX Comments

How do i enable client side JavaScript validation?

Since this plugin uses jQuery Validation plugin, you need to add some CSS classes to your comment form in your WordPress Theme. Open comments.php file of your theme file and find out the comment form in it.
Now add following CSS classes to various input boxes:

1. To the Author textbox, add attribute class=”required”
   e.g. if your Author textbox looks like
   <input type="text" name="author" id="author" value="” size=”35″ tabindex=”1″ />
   then make it
   <input type="text" name="author" id="author" value="” class=”required” size=”35″ tabindex=”1″ />
   or if you already have some class associated, like class=”foo” in it, then make it class=”foo required”
2. Similarly, To the Email textbox, add attribute class=”email required”
3. To the URL textbox, add attribute class=”url”
4. To the comment textarea, add class=”required”
5. If you need to change styles for error messages, refer to Q 2 below.
6. That’s it, you are done adding JS validation to your comment form.

How do i change CSS styles of the notifications?

To change styles, you need to create a file named wdp-ajax-styles.css within your theme directory and define styled for .wdpajax-error, .wdpajax-success, label.error classes.

.wdpajax-error is used to display message when there is some problem submitting the comment
.wdpajax-success is used to display success message on successfull comment posting
label.error is used for error message that pop up as a result of invalid form data

For more details, visit plugin page

Version 1.0.8

Improved error notification