如何根据AngularJS输入类$invalid将Twitter Bootstrap类设置为错误

How to set Twitter Bootstrap class to error based on AngularJS input class $invalid?

本文关键字：Twitter Bootstrap 设置 错误 何根 AngularJS 输入 invalid      更新时间：2023-12-30

如果Angular无效，我不知道如何在引导程序上出错。尝试使用此链接：但没有任何帮助。http://blog.yodersolutions.com/bootstrap-form-validation-done-right-in-angularjs/
我做错了什么
um

<div class="form-group">
    <label class="col-md-1" for="totalWeight">Total Weight</label>
    <div class="col-md-1">
        <input class="form-control" type="number" max="3000" min="0" name="totalWeight" ng-model="totalWeight" ng-change="calcData()" required>
        <span style="color:red" ng-class="{ 'has-error':pasteForm.totalWeight.$dirty && pasteForm.totalWeight.$invalid"}>
            <br /><span ng-show="pasteForm.totalWeight.$error.required">Total Weight is required!</span>
            <span ng-show="pasteForm.totalWeight.$error.max">Max value 3000!</span>
        </span>
    </div>
    <label class="col-md-1" for="num">%Number</label>
    <div class="col-md-1">
        <input class="form-control" name="num" type="number" min="0" max="100" ng-model="num" ng-minlength="0" ng-change="calcData()" required>
        <span style="color:red" ng-show="pasteForm.num.$dirty && pasteForm.num.$invalid">
            <br /><span ng-show="pasteForm.num.$error.required">Num is required!</span>
            <span ng-show="pasteForm.num.$error.max">Max value 100!</span>
        </span>
    </div>
</div>

根据其中一个答案，我需要一个<form>标签。在一个标签中它有效，但在另一个标签则无效，为什么？

你对表格的看法是正确的。在一个<form>中，我的页面看起来很糟糕，但它可以工作，但在另一个CCD20中，它看起来很好，但不起作用。

帮助？

<form ng-controller="someName" class="mainDataDiv" id="someName2" novalidate ng-cloak> //here it works
<form id="main-panel" class="col-lg-12" ng-controller="someName" novalidate ng-cloak> // here it dosent works

您错过了<form></form>标签

使用类似：

<form name="pasteForm">
   ....
</form>

语法错误：span标签中"应该在}之后。使用}">代替"}>，使用or运算符（||）代替and运算符（&&）

<span style="color:red" ng-class="{ 'has-error':pasteForm.totalWeight.$dirty || pasteForm.totalWeight.$invalid}">
相关文章：