如何在不重复代码的情况下在表单中显示错误?

时间:2013-03-21 22:53:13

标签: twitter-bootstrap

好的,例如我有一个这样的字段:

<textarea id="feedbackBody" name="feedbackBody" class="fullwidth"></textarea>我认为我应该可以在我的逻辑代码中执行类似的操作:

IF ERROR

<textarea id="inputWarning" name="feedbackBody" class="fullwidth"></textarea>
<span class="help-inline">Eroor</span>

所以我的服务器,可以在url中显示字段IF错误= yes以下的范围,然后我可以更改textarea的ID并使帮助行可见。

但是,这不起作用,它不会显示错误样式。

文档显示,要显示错误,我必须执行以下操作:

<div class="control-group warning">
                <label class="control-label" for="inputWarning">Input with warning</label>
                <div class="controls">
                  <textarea id="inputwarning" name="feedbackBody" class="fullwidth"></textarea>
                  <span class="help-inline">Something may have gone wrong</span>
                </div>
              </div>

这是为了显示错误而绕过所有字段的大量代码......必须有更好的方法。因为它现在的样子我必须在页面上有这样的代码:

如果没有错误

<textarea id="feedbackBody" name="feedbackBody" class="fullwidth"></textarea>

ELSE

<div class="control-group warning">
                    <label class="control-label" for="inputWarning">Input with warning</label>
                    <div class="controls">
                      <textarea id="inputwarning" name="feedbackBody" class="fullwidth"></textarea>
                      <span class="help-inline">Something may have gone wrong</span>
                    </div>
                  </div>

所以我不能只在下面“显示”一个简单的跨度,但必须用它周围的所有东西重新创建整个字段。

1 个答案:

答案 0 :(得分:0)

假设您正在使用ASP.NET MVC编程,可能不是这种情况(您应该使用所使用的语言标记您的问题)。

这不是您问题的直接解决方案,但它可能会对您有所帮助。试试this video: TwitterBootstrapMVC上讨论的图书馆。