2011-06-15 55 views
0

我在jquery滑塊(我使用這個jquery滑塊:http://tympanus.net/Tutorials/FancySlidingForm/)有兩種不同的形式。2種形式在jquery滑塊問題

現在我想創建這兩種形式seperately取決於形成用戶選擇使用Javascript/jQuery驗證只是爲了讓事情變得更容易(用戶可以通過使用按鍵在底部選擇一種形式)中,窗體正在使用不同的名稱和ID的...現在,如果我在這兩種窗體的同一頁面上執行JavaScript驗證,如果用戶選擇窗體並將另一個窗體留空,則將出現錯誤,因爲爲這兩種形式..我需要使用類似於onfocus的東西,我認爲如果用戶選擇一個表單,只有一個驗證工作..任何幫助嗎?感謝

@kyushiro我想使用類似下面的驗證請

  <script language="javascript" type="text/javascript"> 
<!-- 
function DownloadValidate() { 
    if (document.DownloadForm.txtFirstName.value == '' || document.DownloadForm.txtLastName.value == '' || document.DownloadForm.txtCompany.value == '' || document.DownloadForm.txtEmail.value == '' || document.DownloadForm.txtPhone.value == '' || document.DownloadForm.txtZipCode.value == '' || document.DownloadForm.cmbCountries.value == '') { 
     alert('Please fill in all required fields'); 
     return false; 
    } 

    if (document.DownloadForm.cmbCountries.value == 'United States' && document.DownloadForm.cmbState.value == '') { 
     window.alert('Please select your state') 
     return false 
    } 

    var filter = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i 
    if (filter.test(document.DownloadForm.txtEmail.value) == false) { 
     window.alert('Please enter a valid email address') 
     return false 
    } 

    DownloadForm.jsEnabled.value = 'true'; 
} 
--> 
</script> 

回答

0

你是如何驗證表單?使用插件還是手動?如果它是一個jQuery插件,請確保您調用驗證的具體形式的用戶選擇(即,例如$('#form1').validate(etc);而不僅僅是$('form').validate(etc);

如果你是做手工這將取決於你是如何引發的驗證。驗證模糊的所有表單上的所有字段是一個好主意,例如,更好的選擇是使用特定表單的ID來限制驗證函數的範圍。

我認爲代碼片段顯示了你如何執行驗證會幫助我們更好地回答你的問題:)

+0

@ kyushiro請你看看我編輯過的帖子嗎?謝謝 – 2011-06-15 10:26:21

+0

你可以加2個表格標記嗎? 無論如何,似乎你只在這個函數中驗證你的下載表單。另一個是什麼? 我認爲這個問題可能是當你觸發實際的驗證。這是在onclick屬性中完成的嗎? :) – kyushiro 2011-06-15 15:34:43

+0

ps。驗證也可以通過jquery本身來完成,因爲你已經包含了滑塊插件的工作:) – kyushiro 2011-06-15 15:41:34