验证重复的单选按钮

时间:2013-02-17 14:28:29

标签: jquery jquery-validate

我正在尝试使用jquery validate插件验证表单。 我设法让它与输入数组一起工作。 例如:

<div class="row">
    <div class="row-holder">
        <input class="text" name="childFirstName[]" type="text" />
        <label>שם הילד/ה:</label>
    </div>
</div>

假设我有未知数量的输入,所以我必须使用这种方法。

我设法让插件检查所有输入。 我也有2个单选按钮。

<div class="row row-alt">
    <div class="row-holder">
        <div class="col-checkbox">
            <label>נקבה</label>
            <input class="radio" value="1" name="childGender[]" type="radio" />
        </div>
        <div class="col-checkbox">
            <label>זכר</label>
            <input class="radio" value="0" name="childGender[]" type="radio" />
        </div>
        <strong>מין:</strong>
    </div>
</div>

正如你猜测的那样。他们都在同一个街区。 所以当我复制它并制作很多它时......它们首先就像那个一样(如果我选择1它会影响表格中的所有无线电) 验证器似乎也没有验证它。

这是一个链接: http://jwtdigital.co.il/MyMaterna/form.php

希望你能帮助我。 对不起我可怕的英语: - )

1 个答案:

答案 0 :(得分:0)

您的代码......

<input class="radio" value="1" name="childGender[]" type="radio" />
<input class="radio" value="0" name="childGender[]" type="radio" />

我无法确定,因为您没有发布足够的代码,而且您的演示页面链接现已死亡,但您可能忽略了正确处理radio name中的特殊字符。

http://docs.jquery.com/Plugins/Validation/Reference#Fields_with_complex_names_.28brackets.2C_dots.29

[]内宣布rules时,必须将包含括号的名称.validate() 必须括在引号中

$(document).ready(function () {

    $('#myform').validate({ // initialize the plugin
        rules: {
            //other rules,
            'childGender[]': {
                required: true
            }
        }
    });

});

工作演示:http://jsfiddle.net/RNHDy/