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

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -