javascript - jQuery 验证 - 显示每个字段的错误消息

Question

http://jsfiddle.net/nXqd/qC2Ya/6/

看看jsfiddle。当我在两个输入中输入错误数据并单击提交时，我只收到第一个的错误消息。现在我想要其中两个也name显示表单中的属性。

在此示例中，我故意使用相同的名称以更轻松地在后端获取这些值。我只是遍历列表并获取所有信息。

Answer 1

你这样做是不对的。您为两个字段添加了相同的名称。同名属性用于组合组中的字段。您必须使用基于类的验证。

Answer 2

工作演示 http://jsfiddle.net/xr5g6/1/

希望它符合您的需求。:)

代码

$("form").validate({
    rules: {
        number: {required: true, range: [1,2]},
        number2: {required: true, range: [1,2]}
    }
});

​<strong>html

<form name="myForm">
<fieldset>
<legend>My Form</legend>
    <label for='number'>Number</label>
    <input name='number'class='required'/> <br />
    <label for='number'>Number</label>
    <input name='number2' class='required'/>
    <label for='change-range'>Max range</label>
    <input name='change-range' class='required'/>
</fieldset>
<input type="submit">
</form>
​

Answer 3

您应该name为不同的输入使用不同的属性。

演示：http: //jsfiddle.net/xYTNw/