2012-10-10 107 views
0

我有一個帶有2個數字輸入的表單,我試圖使用jQuery驗證插件來驗證它。我希望只有在值的總和小於或等於10時才允許提交表單。例如,我想允許3和6,但不是7和8.我該怎麼做?多輸入的驗證功能

我能夠想出something that works,但我認爲任意將規則應用於一個輸入並在該輸入上使用一個屬性來引用其他輸入是不雅觀和脆弱的。我查看了documentation for the plugin,我沒有看到任何定義驗證器的方法,這個驗證器可以用於多個輸入。任何人都可以想到一個更簡單的方法?

+0

這是如此具體以至於根本沒有必要使用jQuery驗證器。只需調用您自己的自定義函數即可直接查看這些字段。 –

+0

我認爲使用驗證插件進行所有驗證將是麻煩的,除了這件事。從事我的項目的其他人可能無法弄清楚我正在做什麼。 –

+0

驗證器可能是工作的錯誤工具。看起來更多的工作是讓工具做你想做的事,寫幾行代碼並提供解釋原因的評論和文檔。 –

回答

0

至於jQuery驗證插件。不,更簡單的方法。是用純JavaScript編寫自己的。

function mySubmitfuntcion() 
{ 
var myvar1 = document.GetElementById("1").value; 
var myvar2 = document.GetElementById("2").value; 

if(myvar1 + myvar2 <= 10) { 
return true; 
} 

else { 
alert("Please enter valid values"); 

return false; 
} // end if 
} // end function 

返回false會停止mySubmitfunction()完​​成。

以我的經驗寫作自定義驗證腳本效果更好,因爲你有更多的控制。請記住將驗證功能添加到按鈕或窗體onsubmit事件。

+0

我想使用jQuery驗證插件,因爲它具有放置錯誤消息和聚焦無效字段等功能。看到我上面的評論。 –