forms - reactivos - ¿Cómo puedo condicionalmente requerir entradas de formulario con AngularJS?

validar formulario angular 5

Question

Supongamos que estamos construyendo una aplicación de libreta de direcciones (ejemplo ideado) con AngularJS.

Tenemos un formulario para contactos que tiene entradas para correo electrónico y número de teléfono, y queremos requerir una u otra , pero no ambas : solo queremos que la entrada de email sea ​​requerida si la entrada del phone está vacía o no es válida, y viceversa .

Angular tiene una directiva required , pero no queda claro en la documentación cómo usarla en este caso. Entonces, ¿cómo podemos requerir condicionalmente un campo de formulario? Escribir una directiva personalizada?

Answer 1

No hay necesidad de escribir una directiva personalizada. La documentación de Angular es buena pero no está completa. De hecho , hay una directiva llamada ngRequired , que toma una expresión Angular.

<input type=''email''
name=''email''
ng-model=''contact.email''
placeholder=''[email protected]''
ng-required=''!contact.phone'' />
<input type=''text''
ng-model=''contact.phone''
placeholder=''(xxx) xxx-xxxx''
ng-required=''!contact.email'' />

Aquí hay un ejemplo más completo: http://jsfiddle.net/uptnx/1/

Answer 2

Para angular2

<input type=''email''
[(ngModel)]=''contact.email''
[required]=''!contact.phone'' >

Answer 3

Si quieres poner un input requerido si otro está escrito:

 <input type=''text''
name=''name''
ng-model=''person.name''/>
<input type=''text''
ng-model=''person.lastname''
ng-required=''person.name'' />

Saludos.

Answer 4

Simple puedes usar validación angular como:

 <input type=''text''
name=''name''
ng-model=''person.name''
ng-required=''!person.lastname''/>
<input type=''text''
name=''lastname''
ng-model=''person.lastname''
ng-required=''!person.name'' />

Ahora puede completar el valor en un solo campo de texto. O bien puede rellenar nombre o apellido. De esta manera, puede utilizar el relleno obligatorio condicional en AngularJs.