2011-04-04 53 views
1

我使用這個http://docs.jquery.com/Plugins/validation,我遇到這種情況,當我選擇下拉列表中的一個選項時,我需要顯示一條錯誤消息。例如,如果我在下拉菜單中有8個選項,並且他們選擇了第4個選項,我想顯示一條錯誤消息。我無法找到任何與此驗證檢查演示。請讓我知道我應該如何處理這個。應該添加任何自定義「addmethod」來做到這一點,然後定義錯誤消息等..謝謝。jquery驗證

+0

可能重複的[驗證下拉列表在jQuery中](http://stackoverflow.com/questions/5369764/validate-dropdown-list-in-jquery) – Trufa 2011-04-04 14:43:10

回答

1

這是一個基於評論的新的更新答案,據我所知這正是你所需要的,我把它做成了簡單的屁股。

HTML:

<div id="err"></div> 
<form> 
    <select class="target"> 
    <option value="1" selected="selected">Option 1</option> 
    <option value="2">Option 2</option> 
    <option value="3">Option 3</option> 
    </select> 
</form> 

CSS:

#err{ height:20px;} 

的jQuery:

$('.target').change(function() { 
    if ($(".target").val() == "2"){ 
    $('#err').append('Error!'); 
    }else{ 
    $('#err').empty(); 
    } 
}); 

看到一個工作示例here

這是你所需要的嗎?

This answer通過一個例子來解決這個問題。

祝你好運!

我已經更新了示例以適合您的示例需求。見 here

+0

謝謝這有助於但我想知道如果有一種方法在選擇該選項後立即顯示消息內聯。我有兩個點擊顯示信息,即從下拉菜單中選擇選項,然後點擊外部以查看信息..但我希望在選擇該選項後顯示錯誤信息。並且當選擇其他選項時,它應該刪除該錯誤消息。 – Jay 2011-04-04 16:37:48

+0

@Jay:有很多方法可以做到這一點,你想如何準確顯示錯誤?作爲文本警告?順便說一句,當我選擇一個選項時,我沒有看到提供錯誤信息的意義,我寧願停用該選項(顯示它但不可選對用戶通常更有用)。我在做一個例子,儘管你想要什麼。 – Trufa 2011-04-04 16:46:28

+0

我無法在此工作一段時間,但之後會繼續,如果你想親自嘗試,這可以派上用場http://api.jquery.com/val/#val1我有空的時候我會繼續,看到這也http://jsfiddle.net/2QAA8/13/如果你想要一個地方開始......祝你好運! – Trufa 2011-04-04 17:19:58