Header Ads Widget

Ticker

6/recent/ticker-posts

Laravel 5.6 Validación De Formularios Del Lado Del Cliente Usando JQuery

 Este tutorial ayuda a agregar la validación del lado del cliente en la forma de laravel. Ya he compartido el ejemplo de validación del lado del servidor de Laravel 5.6 usando el controlador de recursos

.

Estoy usando jquery y JavaScript para validar el lado del cliente del formulario laravel.Puede usar cualquier libs javascript de terceros también para validar el formulario laravel, pero estoy creando un método propio para validar los campos de entrada del formulario y mostrar el mensaje.

Validación De Formulario Laravel 5.6

Hemos creado el formulario para agregar empleado en el Tutorial anterior , ahora crearemos un método javascript generalizado para validar el formulario.

El método anterior validará la página de formulario de adición y edición, simplemente pasamos el tipo de formulario como un parámetro (agregar o editar) .Estoy encontrando todos los campos obligatorios de formularios y verifico el valor, si el campo de entrada es obligatorio y el valor está vacío, entonces mostrar el mensaje de validación de lo contrario, devuelve verdadero (se han pasado todas las reglas de validación).

Modificaremos la información del formulario para agregar empleados según el método anterior.

ID de formulario modificado #Employee-addvalidateForm()método llamado en el evento de formulario onsubmit.

Ahora agregue la '.require-field'clase con el elemento de formulario, que le dice al método de validación de JavaScript: es un campo obligatorio y valida.

También he asociado un div 'name-error-span' más con cada campo de entrada requerido. Este div se utilizará para mostrar el mensaje de validación.

También agregué un removeErrors()método para ocultar el mensaje de validación fallida en la entrada de teclado, si el usuario ha ingresado algunos valores en el campo de entrada.

Hasta ahora, el código anterior validará el formulario de laravel y mostrará el mensaje, pero no ocultará el mensaje de visualización. Creemos un removeErrors()método para ocultar el mensaje.

Conclusión:

Hemos creado un formulario laravel usando la plantilla blade. También he agregado la validación del lado del cliente usando jquery para validar las entradas del formulario. El mensaje de validación se muestra en el intervalo usando el framework bootstrap css.

Publicar un comentario

0 Comentarios