使用多字段进行Jquery验证

时间:2016-05-17 07:39:42

标签: jquery validation

我有一个带有三个选择框和一个隐藏字段的表单。我想验证一个从三个选择框创建的字符串的值包含在隐藏字段中。

Exampe。

<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)。

我该怎么办?我知道我需要创建自定义规则。

请帮帮我。

2 个答案:

答案 0 :(得分:0)

如上文评论中所述

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

答案 1 :(得分:-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 ?
}