2013-08-06 57 views
0

我對jQuery和Javascript仍然很陌生,所以我可能會在這裏丟失一些非常明顯的東西。使用jQuery與LiveValidation顯示隱藏的div Javascript對象

我有一個表單,我正在使用LiveValidation。

我的問題是,當用戶點擊提交按鈕時,我想要顯示一個隱藏的div(並隱藏已經顯示在屏幕上的div(id:main)),而且我似乎無法得到它上班。如果我提交了所有已驗證字段的表單,隱藏的div永遠不會顯示。

在一個完美的世界中,我希望獲得隱藏的div(id:processing_box),以顯示所有表單元素在表單提交時是否經過驗證,以及何時不是,隱藏的div不顯示。

LiveValidation對象是否將自己附加到onsubmit事件?有一個我曾嘗試使用的massvalidate函數,並且在這樣做時失敗了。

這裏的代碼有點文檔片斷,我用盡力做到這一點:

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#btnApply").click(function(){ 

      var areAllValidated = LiveValidation.massValidate ([homephoneareacode, homephoneprefix, homephonesuffix]) 
      if (areAllValidated == true){ 
      $("#processing_box").show(); 
      $("#main").hide(); 
      } 
     }); 
    }); 
    </script> 
+0

homephonephonesaccount,homephoneprefix,homephonesuffix是什麼值? – Dinesh

+0

它們保持整數,即555 555 5555.除了電話號碼之外,還有更多的表單元素,我以此爲例。 – steedaq155

+0

您是否檢查過'areAllValidated'變量的值?它是否在條件內?是否存在'#processing_box'的'div'? – Dinesh

回答

0

我從來沒有用過LiveValidation,所以我不知道這是否代碼工作與否。但是,嘗試在if語句之後放置alert()以查看代碼是否實際運行。如果它沒有運行,那麼重新讀取livevalidation文檔;你做錯了什麼。否則,你的jQuery代碼有問題。取而代之的是show()和hide(),請嘗試.css('display','block').css('display','none')

+0

謝謝你的建議,我會嘗試! – steedaq155