У меня 3 кнопки. 2 находится внутри ng-repeat, а один снаружи ng-repeat, поэтому я хочу показать предупреждение о необходимом поле, если пользователь нажимает эти кнопки.
если пользователь нажимает кнопку «Проверить 0», я должен проверить только первый объект, и если какое-либо значение данных формы отсутствует, я должен предупредить пользователя, например, «это (имя пользователя) является обязательным полем.
если пользователь нажимает кнопку проверки 1, я должен проверить только второй объект, и если какое-либо значение данных формы отсутствует, я должен предупредить пользователя, например, «это (имя пользователя) является обязательным полем.
и если пользователь нажимает кнопку «Проверить все», я должен проверить оба объекта, и если какое-либо поле отсутствует в обоих объектах, я должен предупредить имя поля с индексом объекта.
Как я могу показать обязательное поле, если пользователь нажимает кнопку «Проверить все» и кнопку «Проверить», пожалуйста, помогите мне
var app = angular.module("app", ['ngMessages']);
app.controller("myCtrl", function($scope) {
$scope.users = [
{
"inputName":"aj",
"inputPassword":"1234",
"inputEmail":"[email protected]",
},{
"inputName":"gj",
"inputPassword":"1234",
"inputEmail":"[email protected]",
}
];
$scope.myFunc = function(formValidation) {
console.log(formValidation)
};
$scope.checkall = function(formValidation) {
console.log(formValidation)
};
});
<body translate="no" >
<button ng-click="checkall(formValidation)">check all</button>
<body ng-app="app" ng-controller="myCtrl" >
<div ng-repeat="user in users">
<script type="text/ng-template" id="generic-messages">
<p ng-message="required">This field is required.</p>
<p ng-message="minlength">This field is too short.</p>
<p ng-message="maxlength">This field is too long.</p>
</script>
<form name="formValidation">
<button ng-click="myFunc(formValidation)">check {{$index}}</button>
<label>Username (Using Dirty)</label>
<input type="text" name="username" ng-model="user.inputName" ng-minlength="6" ng-maxlength="12" ng-pattern="/^\w+$/" required>
<div ng-messages="formValidation.username.$error" ng-show="formValidation.username.$dirty">
<p ng-message="pattern">Username can only be alphanumeric with an optional underscore.</p>
<p ng-message="maxlength">Username cannot be longer than 12 characters.</p>
<div ng-messages-include="generic-messages"></div>
</div>
<label>Password (Using Touched)</label>
<input type="text" name="userPassword" ng-model="user.inputPassword" ng-minlength="6" ng-maxlength="12" required>
<div ng-messages="formValidation.userPassword.$error" ng-show="formValidation.userPassword.$touched">
<div ng-messages-include="generic-messages"></div>
</div>
<label>Email (Using Dirty)</label>
<input type="email" name="userEmail" ng-model="user.inputEmail" required>
<div ng-messages="formValidation.userEmail.$error" ng-show="formValidation.userEmail.$dirty">
<p ng-message="required">This field is required.</p>
<p ng-message="email">Please enter a valid email address.</p>
</div>
</form>
</div>
</body>