我的页面中有这个表格:
<form:form id="addUnitForm" method="POST" modelAttribute="questionUnit">
<fieldset>
<label for="questionText">Question</label> <input type="text"
id="questionText" class="required" value="${questionContent[0] }" /><br/>
Answers
<c:forEach var="i" begin="1" end="${questionContentSize-1 < 0 ? 0 : questionContentSize-1 }">
<div id="answerRow">
<input type="text" id="questionAnswer" name="questionAnswer${i }" class="required" value="${questionContent[i] }"/>
<input type="checkbox" id="questionAnswerCheckbox" ${answerContent.contains(questionContent[i]) ? 'checked="checked"' : ''}/>
<input type="button" id="removeAnswer" value="x" />
</div>
</c:forEach>
</fieldset>
<input type="submit" value="OK" />
<input type="button" value="Add answer" id="Add_answer" />
</form:form>
现在,当我有相同的表单,但没有名称属性(只有 id)并且每个input
元素都有相同的id
属性值并且没有name
属性时,当我提交表单时,只有带有questionText
id 的字段得到验证,其余的没有得到验证。
现在,我为表单中的每个input
with添加了唯一的名称,一切正常,所以这是我的 3 个问题:id
questionAnswer
questionText
怎么样,即使没有name
属性,jquery 验证器也已验证- 是
name
jquery 验证器内部使用的属性来决定应该验证哪些元素? - 为什么,当我有超过一行的
questionAnswer
输入时,无论我将哪一行留空,第一行附近都会出现错误消息?
编辑:这是来自浏览器的表单代码
<fieldset>
<label for="questionText">Question</label> <input type="text" value="" class="required valid" id="questionText"><br>
Answers
<div id="answerRow">
<input type="text" class="required valid" id="questionAnswer" name="questionAnswer0">
<input type="checkbox" id="questionAnswerCheckbox">
<input type="button" value="x" id="removeAnswer" class="ui-button ui-widget ui-state-default ui-corner-all" role="button" aria-disabled="false">
</div>
<div id="answerRow">
<input type="text" class="required valid" id="questionAnswer" name="questionAnswer1">
<input type="checkbox" id="questionAnswerCheckbox">
<input type="button" value="x" id="removeAnswer" class="ui-button ui-widget ui-state-default ui-corner-all" role="button" aria-disabled="false">
</div>
</fieldset>