與多領域的jquery驗證

Question

我有一個形式與三個選擇框和一個隱藏的領域。我想驗證從三個選擇框的值創建的字符串是否包含在隱藏字段中。

例子。

<form> 
    <select name="s1"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
    </select> 
    <select name="s2"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
    </select> 
    <select name="s3"> 
     <option value="1">1</option> 
     <option value="2">1</option> 
    </select> 
    <input type="hidden" name="result" value="#123#245#" /> 
</form> 

我想通過jquery驗證在result.val中有效連接（s1.val，s2.val，s3.val）。

我該怎麼辦？我知道我需要創建自定義規則。

請幫幫我。

Answer 1

var concate_string = ""; 
$('form select').each(function(){ 
concate_string = concate_string +"#"+$(this).val(); 
}); 

concate_string = concate_string +"#"; 
if($('[name="result"]:eq(0)')==concate_string){ 
//your action ? 
} 

Answer 2

正如在評論上述提到

的html代碼：

<form> 
    <select name="s1"> 
     <option value="1"> 
     <option selected value="2"> 
    </select> 

    <select name="s2"> 
     <option selected value="1"> 
     <option value="2"> 
    </select> 

    <select name="s3"> 
    <option value="1"> 
    <option selected value="2"> 
    </select> 
    <input type="hidden" name="result" id="hiddenVal" value="#212#" /> 
</form> 

JavaScript或jQuery代碼：

var str = "#"; 
$('form select').each(function(){ 
    str = str + $(this).val(); 
}); 

str +="#"; 
alert(str); 
if($("#hiddenVal").val() == str){ 
    alert("yes value from select and value from hidden field is equal"); 
} 

jsFiddle