2011-01-28 230 views
2

假設我有一個包含電子郵件和電話字段的表單,並且我想檢查它們是否至少有一個是正確的。我的意思是,我確定用戶輸入有效的電話和無效的電子郵件。有沒有辦法使用jQuery驗證插件來做到這一點? (我無法找到一組選項來覆蓋所有的情況,並最終編寫它的手)使用jQuery驗證字段驗證組

回答

2

有一個我寫的插件,用於驗證jQuery中的字段,它會做你想做的事情。

警告:我真的認爲這是您的問題的最佳解決方案,但不要只聽我說,因爲我不能客觀。

你可以在這裏插件:http://plugins.jquery.com/project/validate-field

要做到你需要什麼:

$('#email,#phone').validateField({ 
    notEmpty: function (val) { // if this function returns true, the field must not be empty 
     return ($('#email:blank,#phone:blank').size() > 1); 
    }, 
    message: 'Please fill in either the Email or Phone field', 
    validateOn: '#email,#phone', 
    validateEvent: 'change' 
}); 

編輯:添加validateOnvalidateEvent,以確保在這兩個對象的錯誤被清除當一個人填入。

+0

即將推出的下一個版本將爲您提供將錯誤消息添加到表單頂部或底部的元素的選項。將選擇器放在`errorBlock`選項中以允許這樣做。 – 2011-01-28 10:30:28