backbone.js - 在同一页面的多个位置显示相同的 Backbone.js 验证错误消息

Question

因此，我一直在使用n次backbone.js验证( 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 /> 

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

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

Answer 1

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