Scribd
Upload
34 views1 page

Form Div Div Div Div Label Label Input Span &NBSP Span Span Span Div Div Div Div Label Label Input

The document contains an Angular form for creating a new product. The form includes fields for the product name, description, and price. The name field is required and has a maximum length of 45 characters. The description field has a maximum length of 500 characters. The price field is required and must be a number greater than or equal to 1. The form includes buttons to save the new product or close the form.

Uploaded by

Andres Camargo
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
34 views1 page

Form Div Div Div Div Label Label Input Span &NBSP Span Span Span Div Div Div Div Label Label Input

The document contains an Angular form for creating a new product. The form includes fields for the product name, description, and price. The name field is required and has a maximum length of 45 characters. The description field has a maximum length of 500 characters. The price field is required and must be a number greater than or equal to 1. The form includes buttons to save the new product or close the form.

Uploaded by

Andres Camargo
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

<form novalidate role="form" (ngSubmit)="crearProducto(newProducto.

value)"
#newProducto="ngForm">
<div class="modal-body">

<div class="row">
<div class="col-sm-4">
<div class="form-group" [ngClass]="{'has-
error':nombre.touched && !nombre.valid}">
<label for="nombre">*Nombre</label>
<input class="form-control" type="text" name="nombre"
id="nombre" ngModel #nombre="ngModel" required maxlength="45">
<span class="messages" *ngIf="nombre.errors?.required
&& nombre.touched">&nbsp;</span>
<span class="messages" *ngIf="nombre.errors?.maxlength
&& nombre.touched">(maximo 45 caracteres)</span>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="descripcion">*Descripción</label>
<input class="form-control" type="text"
name="descripcion" id="descripcion" ngModel #descripcion="ngModel"
maxlength="500">
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="precio">*Precio</label>
<input class="form-control" type="number"
name="precio" id="precio" ngModel #precio="ngModel" required min="1" >
</div>
</div>
</div>

</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success"
[disabled]="newProducto.invalid">Guardar</button>
<button type="button" class="btn btn-default" data-
dismiss="modal" (click)="cerrarCrearProducto()">Cerar</button>
</div>
</form>

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy