coldfusion 10 - Mura 6 and jquery validations 1.13.1 - Invalid form gets submitted -
i using jquery 1.8.3 , jquery validation plugin 1.13.1 latest validation version. form looks this,
<form method="post" class="contact-form" id="frmb5b976ffd59e885191da4d572f6f773a" action="?nocache=1#frmb5b976ffd59e885191da4d572f6f773a" novalidate="novalidate"><input type="hidden" value="true" name="useprotect"> <input type="hidden" value="0" class="cffp_mm" name="formfield1234567891" id="fp6939f8d3-f46a-c008-37330d6aa1b0bed2"> <input type="hidden" value="" class="cffp_kp" name="formfield1234567892" id="fp6939f8d4-fe37-ff6d-ad27dc356205a886"> <input type="hidden" value="39890522,19894825" name="formfield1234567893" id="fp6939f8d6-f82f-92b8-a4b0ba6a966190fa"> <label style="display:none">leave field empty <input type="text" value="" name="formfield1234567894" id="fp6939f8d7-ab86-5202-464ca191e50ce678"></label> <p class="column one-half"><input type="text" required="" placeholder="please enter first name" name="fname" id="fname" aria-required="true"></p> <p class="column one-half last"><input type="text" required="" placeholder="please enter last name" name="lname" aria-required="true"></p> <p class="column one-half"><input type="email" required="" placeholder="please enter email" name="email" aria-required="true"></p> <p class="column one-half last"><input type="text" required="" placeholder="please enter phone number" name="tel" aria-required="true"></p> <p class="clear"><textarea rows="3" required="" placeholder="please enter message" name="comment" cols="5" aria-required="true"></textarea></p> <p><input type="submit" id="submitme" value="submit" name="submitme"></p> </form>
and validations looks -
var ruleset = {required: true}; jquery( "#frmb5b976ffd59e885191da4d572f6f773a" ).validate({ rules:{ fname: ruleset, lname: ruleset, email: { required: true, email: true }, phone: { required: true, phoneus: true }, message: { required: true } } });
the form in forms section in mura admin. created using form editor. unable understand why form gets submitted when there invalid fields, because html5 validations turned off validation plugin , mura submits form no matter if form valid or invalid! why doesn't validation plugin preventdefault()
if validations fails? also, tried using jsfiddle validations , works there. please me out. thanks. fyi. above form html 1 "page source" , not actual form form editor. why weird form id
, cffp_mm
etc.
to came here searching same issue. added novalidate="novalidate" onsubmit="return true;
form
tag , did trick. mura overriding jquery validations, though jquery validation plugin putting novalidate
attribute in form tag, had manually add novalidate
there. hope helps.
Comments
Post a Comment