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

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

gradle error "Cannot convert the provided notation to a File or URI" -

python - NameError: name 'subprocess' is not defined -