gpt4 book ai didi

css - 将错误消息设置到控件 Bootstrap 和 Angular Js 的右侧

转载 作者:太空宇宙 更新时间:2023-11-04 09:16:06 25 4
gpt4 key购买 nike

我正在使用 Angular js,其中我有以下控件。

<body class="ng-cloak">
<div ng-controller="testController" ng-init="init()">
<form name="mainForm" id="createForm" ng-submit="mainForm.$valid && add()" novalidate="">

<div class="container form-horizontal" ng-show="createMenu">
<br />

<div class="form-group">
<label for="firstName" class="col-sm-3 control-label">Name<em style="color:red">*</em></label>
<div class="col-sm-4">
<input type="text" maxlength="150" class="form-control" required="" ng-model="nName" id="nName" name="nName" />
</div>
<div class="col-sm-3">
<span class="error" ng-show="submitted == true && mainForm.nName.$error.required">Please enter Name.</span>
</div>
</div>

<div class="form-group">
<label class="col-sm-3 control-label">Recipient Group:<em style="color:red">*</em></label>
<div class="input-group col-sm-4" style="padding-left:10px;">
<span class="input-group-addon">
<i class="glyphicon glyphicon-search"></i>
</span>
<input type="text" class="form-control" required="" placeholder="Search the group" ng-model="searchDatalocation" ng-change="searchgroups()" name="searchValue">
</div>
<div class="col-sm-3">
<span class="error" ng-show="submitted == true && mainForm.searchValue.$error.required">Please select a Recipient group.</span>
</div>
</div>

</form>
</div>
</body>

错误消息“请输入姓名”出现在文本框的右侧,但是错误消息“请选择收件人组”出现在控件下方。我试过更改 css,但没有用。如何设置错误消息显示在控件后的右侧。谢谢

最佳答案

设置 .input-group 的样式div 与 display: inline-table;float:left;

另请注意,缺少一个结束标记 </div>对于 class="container form-horizontal"

关于css - 将错误消息设置到控件 Bootstrap 和 Angular Js 的右侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41759025/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com