2013-02-18 87 views
0

我遇到了jQuery.validation方法工作的奇怪情况 - 验证表单,但由于某些原因块表单提交即使满足所有必需的条件。jquery.validation() - 验证有效,但没有提交

形式HTML和JS:

<div id="createcustomer"> 
<form method="POST" action="http://localhost/actionurl..." id="create-customer-form"> 
    <div class="input-table"> 
     <div class="input-row"> 
      <div class="input-cell-label" > 
       Skrót (Kod) 
      </div> 
      <div class="input-cell"> 
       <input type="text" id="input-shortname" name="shortname" class="required" maxlength="25" value="" /> 
      </div>      
     </div> 
     <div class="input-row"> 
      <div class="input-cell-label" > 
       Pełna nazwa 
      </div> 
      <div class="input-cell"> 
       <input type="text" id="input-fullname" name="fullname" class="required" maxlength="255" value="" /> 
      </div>      
     </div> 
     <div class="input-row"> 
      <div class="input-cell-label" > 
       Adres 
      </div> 
      <div class="input-cell"> 
       <input type="text" id="input-address" name="address" class="" maxlength="90" value="" /> 
      </div>      
     </div> 
     <div class="input-row"> 
      <div class="input-cell-label" > 
       Kod pocztowy 
      </div> 
      <div class="input-cell"> 
       <input type="text" id="input-postal_code" name="postal_code" class="" maxlength="6" value="" /> 
      </div>      
     </div> 
     <div class="input-row"> 
      <div class="input-cell-label" > 
       Miasto 
      </div> 
      <div class="input-cell"> 
       <input type="text" id="input-city" name="city" class="" maxlength="45" value="" /> 
      </div>      
     </div> 
     <div class="input-row"> 
      <div class="input-cell-label" > 
       Państwo 
      </div> 
      <div class="input-cell"> 
       <input type="text" id="input-country" name="country" class="required" maxlength="45" value="" /> 
      </div>      
     </div> 
     <div class="input-row"> 
      <div class="input-cell-label" > 
       Telefon 
      </div> 
      <div class="input-cell"> 
       <input type="text" id="input-phone" name="phone" class="" maxlength="45" value="" /> 
      </div>      
     </div> 
     <div class="input-row"> 
      <div class="input-cell-label" > 
       Faks 
      </div> 
      <div class="input-cell"> 
       <input type="text" id="input-fax" name="fax" class="" maxlength="45" value="" /> 
      </div>      
     </div> 
     <div class="input-row"> 
      <div class="input-cell-label" > 
       Email 
      </div> 
      <div class="input-cell"> 
       <input type="text" id="input-email" name="email" class="" maxlength="45" value="" /> 
      </div>      
     </div> 
     <div class="input-row"> 
      <div class="input-cell-label" > 
       Strona www 
      </div> 
      <div class="input-cell"> 
       <input type="text" id="input-website" name="website" class="" maxlength="45" value="" /> 
      </div>      
     </div> 
     <div class="input-row"> 
      <div class="input-cell" > 
      </div> 
      <div class="input-cell" > 
       <input type="submit" name="submit_create" value="Utwórz" class="submit"/><input type="Reset" value="Wyczyść" /> 
      </div> 
     </div> 
    </div> 
</form> 

<script> 



$(function(){ 

    $("#create-customer-form").validate(); 

}); 

$(document).ready(function(){ 

}); 

没有错误消息,在萤火虫没有错误,什么都没有。 JS运行稳定。我试图简化它,并尝试只有1个输入字段 - 相同的结果。表单工作完美,没有验证方法应用。

这是如何造成的,我该如何解决?

+0

你应该创建一个http://jsfiddle.net为它现场演示 – gaurav 2013-02-18 13:40:02

+0

NVM。这不是一个闭包,但显然是现成的事件处理程序的简写。 – crush 2013-02-18 13:44:44

+0

http://jsfiddle.net/tbYbn/ - 它在这里工作。只有我想到的是,与另一个插件冲突 – PiWo 2013-02-18 14:00:37

回答

1

不知道它是否会为你工作,只是尝试:

$(document).ready(function(){ 
    $("#create-customer-form").validate({ 
    submitHandler: function(form) { 
    form.submit(); 
    } 
}); 
}); 
+0

非常感谢 - 它的工作,但它似乎是一个workaroud。我仍然不知道为什么它不能像上面的例子那样工作。 – PiWo 2013-02-18 13:55:08

相关问题