Soy novato en AngularJs y necesito que se me valide un formulario al momento en el que el usuario selecciona "Enviar" (y no a medida que vaya completando los campos). Para resumir el formulario, en este ejemplo solo muestro un mensaje si el usuario no ingresa ningún nombre. El código que tengo es el siguiente.
En mi HTML
<body ng-app="miApp" ng-controller="miCtrl">
<form ng-submit="aceptarPaciente()" name="f" novalidate>
<input type="text" name="nombre" placeholder="Nombre (*)" ng-model="paciente.nombre" ng-required="true">
<div class="messages" ng-show="f.nombre.$invalid && f.nombre.$touched">
<strong>Se debe ingresar un nombre</strong>
</div>
<button type="submit">Aceptar</button>
<button type="button" ng-click="limpiarPaciente(f)">Limpiar</button>
</form>
</body>
En mi Controlador
angular.module("miApp",[])
.controller("miCtrl", function($scope){
$scope.limpiarPaciente = function(f) {
$scope.paciente = {};
};
$scope.aceptarPaciente() {
}})
Como dije antes, el código funciona a medida que el usuario rellena los campos pero no es lo que estoy necesitando.
El $scope.aceptarPaciente del controlador lo deje vacío porque es ahí donde tengo que hacer la validación (o por lo menos es lo que creo).
Nota: Para la solución de este problema, ya no iría el f.nombre.$touched que ingresé ya que no tendría sentido esto porque el evento que se ejecutará si los campos están bien (o no) es el ng-submit="aceptarPaciente()"