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

时间:2012-12-06 15:38:56

标签: backbone.js

所以我一直在使用n-time 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 /> 

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

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

1 个答案:

答案 0 :(得分:0)

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