Javascript 如何区分可选字段、必填无效字段和必填有效字段?

Javascript 如何区分可选字段、必填无效字段和必填有效字段?,javascript,css,angularjs,validation,Javascript,Css,Angularjs,Validation,如何区分Angular JS中的可选字段、必需的无效字段和必需的有效字段 要求有白色背景的可选字段、红色边框的黄色背景的必需无效字段和没有红色边框的黄色背景的必需有效字段 在我的页面中,动态设置ng required。即使设置为false;angular添加了类“ng valid required”。根本没有办法区分。 我们将非常感谢您的帮助 <select class="form-control" ng-model="vm.Category" ng-required="vm.IsCate

如何区分Angular JS中的可选字段、必需的无效字段和必需的有效字段

要求有白色背景的可选字段、红色边框的黄色背景的必需无效字段和没有红色边框的黄色背景的必需有效字段

在我的页面中,动态设置ng required。即使设置为false;angular添加了类“ng valid required”。根本没有办法区分。 我们将非常感谢您的帮助

<select class="form-control" ng-model="vm.Category" ng-required="vm.IsCategoryRequired">
    <option ng-repeat="option in vm.CategoryOptions" value="{{option.id}}">{{option.label}}</option>
</select>`
问题是,即使vm.IsCategoryRequired=false,也需要有效的ng类。
只有当ng required属性不存在时,ng valid required才不存在。

由于您没有提供任何代码,我假设您的一个输入字段如下所示

<input ng-modal="myModal" ng-required="a===b" />

您需要发布一些代码,以便有人能够帮助您。
<input ng-modal="myModal" ng-required="a===b" />
<input ng-modal="myModal" ng-required="a===b" 
       ng-style="a===b ? { 'background-color':'yellow', 'border': '1px solid red' } : { 'background-color':'yellow', 'border': '1px solid black' }"/>