Friday, 15 May 2015

coldfusion 10 - Mura 6 and jquery validations 1.13.1 - Invalid form gets submitted -


I do that I'm using jquery 1.8.3 and jquery validation plugin 1.13.1 is the latest version verification. My form looks like this,

  & lt; form method = "post" class = "contact form" id = "frmB5B976FFD59E885191DA4D572F6F773A" action = "? Nocache = 1 # frmB5B976FFD59E885191DA4D572F6F773A" novalidate = "novalidate" & Gt; Input  & Lt; Input type = "hidden" value = "0" class = "cffp_mm" name = "formfield1234567891" id = "fp6939F8D3-F46A-C008-37330D6AA1B0BED2" & gt; & Lt; input type = "hidden" value = "" class = "cffp_kp" name = "formfield1234567892" id = "fp6939F8D4-FE37-FF6D-AD27DC356205A886" & gt; & Lt; Input type = "hidden" name = value "39890522.19894825" = "Formfild 1234567893" id = "fp6939F8D6-F82F-92B8-A4B0BA6A 966190FA" & gt; & Lt; Label style = "display: none" & gt; Leave this field blank; Input type = "text" value = "" name = "formfield 1234567894" id = "fp6939F8D7-AB86-5202-464CA191E50CE678" & gt; & Lt; / Label & gt; & Lt; P class = "column one-half" & gt; Input type = "text" required = "" placeholder = "please enter the first name" name = "fname" id = "fname" aria-required = "true" & gt; & Lt; / P & gt; & Lt; P square = "column one half end" gt; & Gt; Input type = "text" required = "" placeholder = "please enter last name" name = "lname" aria-required = "true" & gt; & Lt; / P & gt; & Lt; P class = "column one half" & gt; Input type = "email" required = "" placeholder = "please enter email" name = "email" aria- essential = "true" & gt; & Lt; / P & gt; & Lt; P square = "column one half end" gt; & Gt; Input type = "text" required = "" placeholder = "please enter the phone number" name = "tel" aria-required = "true" & gt; & Lt; / P & gt; & Lt; P class = "clear" gt; & Lt; Textarea rows = "3" Required = "" placeholder = "Please enter message" name = "comment" cols = "5" aria-required = "true" & gt; & Lt; / Text field & gt; & Lt; / P & gt; & Lt; P & gt; & Lt; Input type = "submit" id = "submitme" value = "submit" name = "submit" & gt; & Lt; / P & gt; & Lt; / Form & gt;  

And my assumptions look like this -

  var ruleSet = {required: true}; JQuery ("# ​​frmB5B976FFD59E885191DA4D572F6F773A"). Validate ({Rule: {fname: ruleSet, lname: ruleSet, Email: {Required: Correct, Email: true}, Phone: {Required: true, Phone: true}, Message: {Required: true}}});  

This form is in the form section in the mura administrator. I've created that using the form editor. I have not been that form Why are stored whenever invalid field sense, it may be because verification is HTML5-off Verification Validation and Mura form is valid or not, form that does not matter! But then why does verification plugin preventdefault () fail if the verification fails? Also, I tried using JSFiddle for verification and it works there. Please help me Thank you. FYI The above form is from HTML "Page Source" and is not a real form from the form editor. This is the reason why all weird form id and cffp_mm etc.

For those who came here looking for the same issue. I added the novalidate = "novalidate" onsubmit = "return true" to form tag and did this trick. Even though Mura was overwriting jquery validations, by putting the novalidate attribute in the jQuery validation plugin form tag, I had to add novalidate manually I hope this will be helpful.


No comments:

Post a Comment