2009-06-05 125 views
2

我需要幫助驗證表單,最好使用JQuery:jQuery驗證幫助

這是我的代碼:

<form action='index.php' method='post'> 
<table> 
<tr> 
    <td>1.</td> 
    <td><select name='from_1'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
    <td><select name='to_1'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
</tr> 
<tr> 
    <td>2.</td> 
    <td><select name='from_2'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
    <td><select name='to_2'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
</tr> 
<tr> 
    <td>3.</td> 
    <td><select name='from_3'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
    <td><select name='to_3'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
</tr> 
</table> 
<input type='submit' value='submit' /> 
</form> 

我想補充一些JavaScript 驗證
當有人點擊提交按鈕,表單應該被驗證(見下文)。
當它無效時,應該彈出一個錯誤消息(警告或 - 甚至更好的模式對話框),並且不應該提交表單。

驗證:
每行(在此例3中,但也可以是更多)應當含有一個且僅「首頁」選擇一次。所以'from'或者'to'選項都應該是HOME。

有人可以幫助我嗎?我知道這是非常具體的,但它會幫助我很多...

回答

0

jQuery的驗證插件是現在一個很大的太多處理:)

我解決我自己的路......看到the link

0

你給每選擇一個類,即「驗證」:

<select name='from_2' class="validate"> 

比你寫一個函數,通過它最初有一些布爾變量設置爲false,每一個這樣的元素迭代時,發現「家」在值內,它將變量設置爲true。當它再次找到'HOME'時,它會按照你的要求做。

但是,老實說,不要依賴於客戶端驗證。

+0

嗨,已經爲這部分...我將運行一些測試... 我不依賴於客戶端驗證,服務器端驗證已經實現... – Fortega 2009-06-05 18:22:14