3

因此,我一直在使用 n-time 骨干网验证 ( https://github.com/n-time/backbone.validations ) 进行客户端表单验证,并在我当前的项目中取得了巨大成功。问题是,虽然它可以很好地处理字段下方的错误消息,但我希望有,我需要错误消息显示在两个位置。所以我做了这样的事情

All Errors are listed here: 
<span class="error" name="adultFName1Error" /> <br /><br />


.... further down the page....


<label class="form_label" for="adultFName1">First Name:</label>
<input id="adultFName1" type="text" name="adultFName1" size="30" class="validate validate-NotBlank validate-FirstName"/>
<span class="error" name="adultFName1Error" />

这很好用,但问题是当我添加另一个字段进行验证时,它看起来像这样:

All Errors are listed here: 
<span class="error" name="adultFName1Error" /> <br /><br />
<span class="error" name="adultLName1Error" /> <br /><br />

.... further down the page....

<label class="form_label" for="adultFName1">First Name:</label>
<input id="adultFName1" type="text" name="adultFName1" size="30" class="validate validate-NotBlank validate-FirstName"/>
<span class="error" name="adultFName1Error" />

<label class="form_label" for="adultLName1">Last Name:</label>
<input id="adultLName1" type="text" name="adultLName1" size="30" class="validate validate-NotBlank validate-LastName" />
<span class="error" name="adultLName1Error" />

只有第一个错误 (adult1Fname1Error) 正确显示在页面顶部。所有错误都正确显示到其关联的字段输入,但仅

 <span class="error" name="adultFName1Error" /> <br /><br /> 

在页面顶部正确显示。(其余的只是不显示在页面顶部)。

我是否缺少让主干验证错误消息在同一页面上针对多个输入字段显示两次的技术?

4

1 回答 1

0

当我想在输入文本框的左侧显示错误消息时,我遇到了类似的情况。为此,我刚刚将 style="float:left; 添加到我的 html 代码中并且它有效

于 2013-12-23T06:53:58.570 回答