php - Jquery Validation Engine not working in Chrome and Safari -
i downloaded jquery validation engine https://github.com/posabsolute/jquery-validation-engine, working in ie , firefox not working on chrome , safari, problem not matter if fields empty or invalid characters entered, form submitted , since i'm using php enter data database obvioulsy fields entered empty.
i sure included needed scripts; have read other member having issues chrome , safari using plug in? appreciate pals.
adding code in edit (sorry friends):
<!doctype html> <html> <head> <meta charset="utf-8"> <title>untitled document</title> <link rel="stylesheet" href="css/validationengine.jquery.css" type="text/css"/> <link rel="stylesheet" href="css/template.css" type="text/css"/> <link rel="stylesheet" href="css/styles.css" type="text/css"/> <script src="js/jquery-1.8.2.min.js" type="text/javascript"> </script> <script src="js/languages/jquery.validationengine-en.js" type="text/javascript" charset="utf-8"> </script> <script src="js/jquery.validationengine.js" type="text/javascript" charset="utf-8"> </script> <script> jquery(document).ready(function(){ // binds form submission , fields validation engine jquery("#collect").validationengine('attach'); }); </script> </head> <body onload="formreset()" onunload="formreset()"> <script> function formreset() { document.getelementbyid("collect").reset(); } </script> <div class="formholder"> <form id="collect" class="formular" method="post" action="insert.php"> <fieldset> <label> <input value="" data-prompt-position="topright:0,20" class="validate[required,custom[onlylettersp]] text-input" type="text" name="nombre" /> </label> <br/> <label> <input value="" class="validate[required,custom[email]] text-input" data-prompt-position="topright:0,20" type="text" name="email" /> </label> <br/> <label> <input value="" data-prompt-position="topright:0,20" class="validate[required,custom[phone]] text-input" type="text" name="telefono" /> </label> <br/> <label> <select style="height:35px; width:200px;" name="informacion" class="select" form="contact-form" type= "select"> <option value="option1">option1</option> <option value="option2">option2</option> <option value="option3">option3</option> <option value="option4">option4</option> <option value="option5">option5</option> </select> </label> <input class="submit" type="submit" value= ""/> </fieldset> <hr/> </form> </div> </body> </html>
see code
it working ...
<!doctype html> <html> <head> <meta charset="utf-8"> <title>untitled document</title> <link rel="stylesheet" href="css/validationengine.jquery.css" type="text/css" /> <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script> <script src="js/jquery.validationengine-en.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery.validationengine.js" type="text/javascript" charset="utf-8"></script> <script> jquery(document).ready(function(){ // binds form submission , fields validation engine jquery("#collect").validationengine('attach'); }); </script> </head> <body onload="formreset()" onunload="formreset()"> <script> function formreset() { document.getelementbyid("collect").reset(); } </script> <div class="formholder"> <form id="collect" class="formular" method="post" action="insert.php"> <fieldset> <label> <input value="" data-prompt-position="topright:0,20" class="validate[required] text-input" type="text" name="nombre" /> </label> <br/> <label> <input value="" class="validate[required] text-input" data-prompt-position="topright:0,20" type="text" name="email" /> </label> <br/> <label> <input value="" data-prompt-position="topright:0,20" class="validate[required] text-input" type="text" name="telefono" /> </label> <br/> <label> <select style="height:35px; width:200px;" name="informacion" class="select" form="contact-form" type= "select"> <option value="option1">option1</option> <option value="option2">option2</option> <option value="option3">option3</option> <option value="option4">option4</option> <option value="option5">option5</option> </select> </label> <input class="submit" type="submit" value= "test"/> </fieldset> <hr/> </form> </div> </body> </html>
Comments
Post a Comment