Ich schreibe ein einfaches Formular, wo ich das Formular Ergebnis in ein Array speichern möchten, wobei sowohl der Vorname als auch der Nachname aktualisiert, wenn eines oder beide Felder leer sind sollte eine Warnmeldung ausgeben. Und das Array sollte keine leeren Werte speichern und ich wollte dies auf der Clientseite behandeln. Ich bin etwas verwirrt, wie man die Eingabewerte überprüft, bevor man sie speichert. Hier ist der Code-Schnipsel: https://jsbin.com/guduwakeji/edit?html,js,outputÜbernehmen Validierung für Formularfelder Client-Seite mit Winkel
var app = angular.module('myApp', []);
app.controller('formCtrl', function($scope) {
$scope.ele = [];
$scope.updateDetails = function(ele) {
if (!ele.firstname && !ele.lastname) {
alert("Ele cannot be empty");
} else {
ele.push({
'firstname': '',
'lastname': ''
});
alert(ele.firstname + " " + ele.lastname);
}
console.log(ele);
};
});
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body ng-app="myApp">
<div ng-controller="formCtrl">
<div>
First Name:
<input type="text" ng-model="ele.firstname">
</br>
Last Name:
<input type="text" ng-model="ele.lastname">
<br/>
<input type="button" value="Submit" ng-click="updateDetails(ele)">
</div>
</div>
</body>
</html>
Bitte fügen Sie den entsprechenden Code selbst hinzu. –
Verwenden Sie 'ng-pristine', 'ng-dirty', 'ng-valid', 'ng-invalid' –