84 lines
4.2 KiB
HTML
84 lines
4.2 KiB
HTML
<div>
|
|
<form name="vm.data_input_form" role="form" novalidate
|
|
ng-submit="vm.submit()">
|
|
<div class="row clearfix">
|
|
<h4>Datos del Nuevo Alumno</h4>
|
|
<br>
|
|
<div class="col-md-12 column well">
|
|
<div class="row">
|
|
<div class="col-md-4 column">
|
|
<label for="cedula">Numero de Cedula</label>
|
|
<input type="numeric" class="form-control"
|
|
name="cedula" ng-model="vm.estudiante.Cedula" placeholder="12345678" required/>
|
|
<div class="error" ng-show="vm.submitted &&
|
|
vm.data_input_form.cedula.$invalid">
|
|
<small class="error"
|
|
ng-show="vm.data_input_form.cedula.$error.required">
|
|
El Numero de Cedula del Alumno es obligatorio.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 column">
|
|
<label for="nombre">Nombre</label>
|
|
<input type="text" class="form-control" name="nombre"
|
|
ng-model="vm.estudiante.Nombre" required/>
|
|
<div class="error" ng-show="vm.submitted &&
|
|
vm.data_input_form.nombre.$invalid">
|
|
<small class="error" ng-show="vm.data_input_form.nombre.$error.required">
|
|
El Nombre del Alumno es obligatorio.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 column">
|
|
<label for="apellido">Apellido</label>
|
|
<input type="text" class="form-control"
|
|
name="apellido" ng-model="vm.estudiante.Apellido"
|
|
required/>
|
|
<div class="error" ng-show="vm.submitted &&
|
|
vm.data_input_form.apellido.$invalid">
|
|
<small class="error" ng-show="vm.data_input_form.apellido.$error.required">
|
|
El Apellido del Alumno es obligatorio.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row clearfix"><div class="col-md-12 column">
|
|
<br><br></div></div>
|
|
<div class="row">
|
|
<div class="col-md-4 column">
|
|
<label for="correo">Dirección de Correo</label>
|
|
<input type="correo" class="form-control"
|
|
name="correo" ng-model="vm.estudiante.Correo"
|
|
ng-pattern="/^[a-z]+[a-z0-9._]+@[a-z]+\.[a-z.]{2,5}$/" placeholder="me@example.com" required/>
|
|
<div class="error" ng-show="vm.submitted &&
|
|
vm.data_input_form.correo.$invalid">
|
|
<small class="error"
|
|
ng-show="vm.data_input_form.correo.$error.required">
|
|
El Correo del Alumno es obligatorio.
|
|
</small>
|
|
<small class="error"
|
|
ng-show="vm.data_input_form.correo.$error.pattern">
|
|
El formato del Correo del Alumno es incorrecto.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row clearfix">
|
|
<div class="col-md-2 column">
|
|
<div class="form-group">
|
|
<label> </label>
|
|
<p class="input-group">
|
|
<span class="input-group-btn">
|
|
<button type="submit" class="btn-success btn">
|
|
Agregar Alumno </button>
|
|
<button type="button" class="btn-warning btn" style="margin: 10px" ng-click="vm.back()">Regresar</button>
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
</div> |