Question

HTML

<form id="myForm" method="post" action="/" >
    <input type="text"   name="number0" class="form-control">
    <input type="text"  name="amount0"  class="form-control send">
    <input type="text"  name="operator0" class="form-control ">
    <select id="bundle0" name="bundle" class="bundle send" >
        <option>a</option>
        <option>b</option>
    </select>
    <input type="text"   name="number1" class="form-control">
    <input type="text"  name="amount1"  class="form-control send">
    <input type="text"  name="operator1" class="form-control ">
    <select id="bundle" name="bundle2" class="bundle send" >
        <option>a</option>
        <option>b</option>
    </select>
    ........//upto n numbers
    <input type="submit" value="Submit" />
</form>

JQUERY VALIDATOR

$("#myForm").validate({
    rules : {
        amount0: {
            require_from_group: [1, ".send"]
        },
        bundle0: {
            require_from_group: [1, ".send"]
        },
        operator0:"required"
    }
});

的问题：

1）要求小组不在选择框中工作。我想要捆绑选择框或填充金额

2）如何对所有filed operator0，operator1等进行验证。

Answer 1

1）要求小组不在选择框中工作。

您甚至无法在select对象中正确声明rules框。规则是基于name而非id声明的。

此外，要使用此插件验证select元素，第一个选项必须包含value=''属性。请注意，该值为空字符串。否则，默认值是<option></option>标记之间的内容。由于您的值不为空，因此在进行选择之前始终会立即满足规则。

<select id="bundle0" name="bundle" class="bundle send">
    <option value=''>please choose</option>
    <option>a</option> <!-- // value defaults to "a" //-->
    ....

jquery验证器不适用于来自组的要求？

1 个答案: