jQuery Live Form Validation by Geek Tantra -
i using geek tantra jquery live form validation found here:
geek tantra site advanced demo: click here
geek tantra site project repository: click here
i made jsfiddle here:
what trying have message pop @ bottom of page saying there error on page if field has error. hard coded illustration in jsfiddle.
i tried putting "flag" in validation code such this:
<script> jquery(function(){ errorflag = false; jquery("#validfield").validate({ expression: "if (val){ homecoming true; errorflag = true;} else homecoming false;", message: "please come in required field" }); jquery("#validnumber").validate({ expression: "if (!isnan(val) && val){ homecoming true; errorflag = true;} else homecoming false;", message: "please come in valid number" }); jquery("#validinteger").validate({ expression: "if (val.match(/^[0-9]*$/) && val){ homecoming true; errorflag = true;} else homecoming false;", message: "please come in valid integer" }); jquery("#validdate").validate({ expression: "if (!isvaliddate(parseint(val.split('-')[2]), parseint(val.split('-')[0]), parseint(val.split('-')[1]))) homecoming false; else homecoming true;", message: "please come in valid date" }); jquery("#validemail").validate({ expression: "if (val.match(/^[^\\w][a-za-z0-9\\_\\-\\.]+([a-za-z0-9\\_\\-\\.]+)*\\@[a-za-z0-9_]+(\\.[a-za-z0-9_]+)*\\.[a-za-z]{2,4}$/)){ homecoming true; errorflag = true;} else homecoming false;", message: "please come in valid email id" }); jquery("#validpassword").validate({ expression: "if (val.length > 5 && val){ homecoming true; errorflag = true;} else homecoming false;", message: "please come in valid password" }); jquery("#validconfirmpassword").validate({ expression: "if ((val == jquery('#validpassword').val()) && val){ homecoming true; errorflag = true;} else homecoming false;", message: "confirm password field doesn't match password field" }); jquery("#validselection").validate({ expression: "if (val != '0'){ homecoming true; errorflag = true;} else homecoming false;", message: "please create selection" }); jquery("#validmultiselection").validate({ expression: "if (val){ homecoming true; errorflag = true;} else homecoming false;", message: "please create selection" }); jquery("#validradio").validate({ expression: "if (ischecked(selfid)){ homecoming true; errorflag = true;} else homecoming false;", message: "please select radio button" }); jquery("#validcheckbox").validate({ expression: "if (ischecked(selfid)){ homecoming true; errorflag = true;} else homecoming false;", message: "please check atleast 1 checkbox" }); jquery('.advancedform').validated(function(){ if (errorflag = true) alert("error on page."); else alert("use phone call create ajax submissions."); }); }); <script> ...which did not work.
i doing because form long. if @ bottom of form, nail "submit," , have error on page, nil happens. user left there thinking form not working. jsfiddle shows illustration of if correctly fill fields except first field (leave blank).
thank in advance.
jquery validation
No comments:
Post a Comment