2011-04-01 17 views
0

我有一個PHP文件,這是假設做2輸入計算,然後更新一個div。我試圖讓jquery在將它傳遞給我的php腳本之前驗證2個輸入的存在(稍後將添加其他驗證)。無法讓jquery驗證插件使用相同的頁面更新。驗證的作品,但沒有顯示

沒有驗證,它的工作原理,但是當我使用驗證插件。我可以讓驗證部分工作,但沒有任何顯示。

我的jQuery:

$(document).ready(function(){ 
$("#someForm").validate({ 
    submitHandler: function(form) { 

     form.submit(function() { 
      $.post('rev3.php', $('input:text'), function(data) { 
       $('.someDiv').html(data); 
      }); 
     }); 

    } 
}) 

}); 

我的HTML:

<div class="someDiv"> 

</div> 


<form method="post" onsubmit="return false" id="someForm"> 

First Quarter <input type="text" name="firstQuarter" id="first" class="required"> <br /> 
Second Quarter <input type="text" name="secondQuarter" id="second" class="required"> <br /> 

<input type ="submit"> 

我缺少什麼?

+0

半偏題,開始使用「required」作爲屬性本身,而不是使用class =「required」。現代瀏覽器將開始自動驗證它,而不需要任何JavaScript。 – 2011-04-01 19:00:40

回答

1

發佈前嘗試使用.serialize()

$.post('rev3.php', $('input:text').serialize(), function(data) { 
    $('.someDiv').html(data); 
}); 

UPDATE:

另外,你爲什麼需要form.submit一部分?嘗試沒有它:

$(document).ready(function(){ 
    $("#someForm").validate({ 
     submitHandler: function(form) { 
      $.post('rev3.php', $('input:text'), function(data) { 
       $('.someDiv').html(data); 
      }); 
     } 
    }) 
}); 
+0

沒有驗證,它可以使用或不使用序列化。 – pood 2011-04-01 19:02:07

+0

這是一定要做的驗證代碼,因爲沒有它,一切正常 – pood 2011-04-01 19:02:57

+0

更新我的答案,看看是否有幫助 – Daniel 2011-04-01 19:06:57

相關問題