需要AngularJS chekbox ng
我有一些需要AngularJS chekbox ng,angularjs,Angularjs,我有一些复选框,当用户单击提交按钮时,需要选中这些复选框。 我已插入此ng required=“cbmemberdoc.checked”,但似乎不起作用 这个在css中 input.ng-invalid.ng-touched { border: 2px solid red; } 在“提交”按钮上,我有: ng-disabled="client.$invalid" 这适用于其他文件,如文本框。当用户在没有任何文本但没有复选框的情况下传递文本框时,文本框变为红色。您需要
复选框
,当用户单击提交
按钮时,需要选中这些复选框。
我已插入此ng required=“cbmemberdoc.checked”
,但似乎不起作用
这个在css中
input.ng-invalid.ng-touched {
border: 2px solid red;
}
在“提交”按钮上,我有:
ng-disabled="client.$invalid"
这适用于其他文件,如文本框。当用户在没有任何文本但没有复选框的情况下传递文本框时,文本框变为红色。您需要将输入元素包装在span
中,并将边框应用于该span
元素。这里是CSS的变化
CSS:
.error-wrapper{
display:inline-grid;
border:2px solid transparent;
}
.error{
border:2px solid red;
}
.error-wrapper input{
margin:0px;
}
下面是一个相同的演示
var-app=angular.module('myApp',[]);
app.controller('MyController',函数MyController($scope){
$scope.array=[false,false,false,false,false];
});代码>
。错误包装器{
显示:内联网格;
边框:2倍实心透明;
边界半径:50%;
填充:2px;
左:3倍;
}
.错误{
边框:2倍纯红;
边界半径:50%;
填充:2px;
左:3倍;
}
.错误包装器输入{
边际:0px;
}
提交
你能让plunkr吗?我想你使用的是html5 validaion而不是angularjs,因为我没有看到novalidate标签和ng,但我会看到在我的表格中,我在乞讨中有这个,不可能将复选框四舍五入红色而不是四舍五入?@hpt如果你知道CSS,你可以做边界半径:50%
检查我的更新回答!我认为你的css可以被input.ng-invalid.ng-touch{border:2px纯红;outline color:red;