February 8, 201214 yr Hi, need a little help with the jQuery validation plugin, I have read throught the docs, and have done similar to what has been asked but my email form does not seem to validate. HTML <form method="post" id="c_form" action="mail.php"> <div class="c_table"> <div class="row"> <div class="r_rows" id="r_name"><label>Your Name</label></div> <div class="r_rows" id="r_name_box"> <input class="c_input required" id="c_name" name="name" type="text" /> <label for="c_name" class="error"></label> </div> </div> <div class="row"> <div class="r_rows" id="r_email"><label>Your Email</label></div> <div class="r_rows" id="r_email_box"> <input class="c_input" name="email" id="c_email" type="text" /> <label for="c_email" class="error"></label> </div> </div> <div class="m_row"> <div class="r_rows" id="r_message"><label>Your Message</label></div> <div class="r_rows" id="r_messagebox"> <textarea id="c_message" name="message"></textarea> <label for="c_message" class="error"></label> </div> </div> </div> <input type="submit" id="send" name="send" value="" /> </form> jQuery $(document).ready(function() { $("#c_form").validate({ rules:{ c_name: "required", c_email: "required" c_message: "required" }, messages:{ c_name: "Required", c_email: "Required", c_message: "Required" }, submitHandler: function(form) { form.submit(); } }); });
February 8, 201214 yr I believe it targets by name, not ID, so remove the c_ bits and see if that works.
February 8, 201214 yr Author I believe it targets by name, not ID, so remove the c_ bits and see if that works. Cheers, for some reason I tried that before, but it wasn't even working then.
February 8, 201214 yr I'd also avoid using DIVs inside forms, I've found they can cause issues. You can use fieldsets instead.
Create an account or sign in to comment