Bootstrap表单组

Question

我在一个表单组中有两个输入，来自bootstrap框架。我的问题是如果第一个名称给出错误，第二个名称将给出与名字相同的错误，这不是我想要的，我怎么能避免这个问题？

<form id="containerForm" class="form-horizontal">
    <div class="form-group">
        <label class="col-xs-3 control-label">First name</label>
        <div class="col-xs-4">
            <input required type="text" class="form-control" name="firstName" placeholder="First name" />
        </div>
        <label class="col-xs-3 control-label">Last name</label>

        <div class="col-xs-4">
            <input required type="text" class="form-control" name="lastName" placeholder="Last name" />
        </div>
    </div>
</form>

Answer 1

这不是一个完整的答案，但有关此项目的Stackoverflow.com上有更多帖子。

无论如何，我总是建议您使用服务器端验证

But just to get you going see this example:

http://jsfiddle.net/z2zbgge3/1/