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

时间:2012-09-19 03:55:06

标签: javascript jquery html jquery-validate

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

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

在这个例子中,我故意使用相同的名称来更容易地在后端获取这些值。我只是遍历列表并获取所有信息。

3 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

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

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

<强>码

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

<强> 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>
​

答案 2 :(得分:0)

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

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