1

https://github.com/posabsolute/jQuery-Validation-Engineから Jquery Validation Engine をダウンロードしました。IEと Firefox では完全に動作していますが、Chrome と Safari では動作しません。問題は、フィールドが空であるか無効な文字が入力されている場合、フォームは常に送信され、データベースにデータを入力するためにphpを使用しているため、フィールドが空として入力されていることはありません。

必要なすべてのスクリプトを含めたと確信しています。プラグインを使用している chrome と Safari で問題を抱えている他のメンバーについて読んだことがありますか? 仲間の助けを本当に感謝します。

編集でコードを追加する (ごめんなさい):

  <!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 and fields to the 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>
4

1 に答える 1