1

我的页面中有这个表格:

<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属性时,当我提交表单时,只有带有questionTextid 的字段得到验证,其余的没有得到验证。

现在,我为表单中的每个inputwith添加了唯一的名称,一切正常,所以这是我的 3 个问题:idquestionAnswer

  1. questionText怎么样,即使没有name属性,jquery 验证器也已验证
  2. namejquery 验证器内部使用的属性来决定应该验证哪些元素?
  3. 为什么,当我有超过一行的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>
4

1 回答 1

1

1.如果没有名称属性,即使没有名称属性,jquery 验证器也会验证 questionText

因为元素上有类required,jQuery validate 会选择它。

2.jquery验证器内部使用name属性来决定应该验证哪些元素?

是的。

3.为什么,当我有超过一行的 questionAnswer 输入时,无论我将哪一行留空,第一行附近都会出现错误消息?

因为 jQuery validate 不能原生处理多个同名元素(尽管可能有一个插件验证器来处理这个问题),所以它总是假设错误来自文档中具有指定名称的第一个元素,所以把错误放在那里。

于 2012-08-28T13:44:45.697 回答