Validaciones de formularios en PHP

Clase 53 de 65 • Introducción a PHP-2017

Resumen

Validaciones

Vamos a hablar un poco sobre validaciones de datos. Básicamente, podemos decir que hay dos tipos de validaciones de datos:

Una validación que se puede hacer del lado del cliente.
Una validación que podemos hacer del lado del servidor.

En esta sección vamos a hablar sobre validaciones del lado del servidor. Estas las vamos a realizar utilizando php y las hacemos en cuanto recibimos los datos de un blog post.

Si queremos hacer validaciones del lado del cliente, se puede lograr usando JavaScript.

¿Qué problemas encontramos aquí?

El problema con la validación del lado del cliente es que podría hacer que JavaScript sea modificado, deshabilitado o alterado del lado del cliente.

El problema con las validaciones del lado del servidor es que se requiere que se haga un envío hacia el servidor y que se regrese para mostrar la respuesta.

En mi experiencia yo les recomiendo que validen de ambos lados. Del lado del cliente para que mejoren la experiencia del usuario y del servidor para que no reciban ningún dato malicioso o que reciban información errónea.

Juan Alberto Maizares

student•

qu crack que es este profe en pocos minutos te tira toda la posta y te pone bien perfilado y con ganas de ver la docuentacion de cualquier libreria con ganas…gracias Hector!!

Héctor Daniel Vega Quiñones

teacher•

¿Sabías que este curso ha sido renovado?
Precisamente con el mismo profesor 😉

Irma Davila

student•

quiero terminar este… y veo el otro

jose wilson tallacagua espinoza

student•

Disculpen he tenido un problema con el validadotr no me reconoce los campos de tipo “textarea” solo de tipo “Input” alguna ayuda

public function postCreate()
{
	
	$errors=[];
	$result=false;
	$validator = new \Sirius\Validation\Validator;
	$validator->add('titulo','required');
	$validator->add('contenido','required');
	if($validator->validate($_POST)) 
	{
	$blogposts=new blogPost(['titulo'=>$_POST['titulo'],'contenido'=>$_POST['contenido']]);
	$blogposts->save();
	$result=true;
	}
	else
	{
		$errors=$validator->getMessages();
		//var_dump($errors);
	}

form method="post" >
			<div class="form-group">
			<h2>Creando nuevos post</h2>
			<label for="titulo">Ingrese su titulo:</label>
				<input type="text" name="titulo" id="titulo" class="form-control"><br>
				</div>
				<label for="inputcontenido">Añada contenido:</label><br>
				
				<textarea name="contenido" id="inputcontenido" rows="8" class="form-control">
				</textarea><br>
				<input type="submit" class="btn btn-success" value="Regitrar">
			
			</form>```

Diego Forero

Team Platzi•

Lo único que ve extraño es que Validator es un clase intenta importando el método y usándolo asi
use Sirius\Validation\Validator;
luego
$validator = new Validator()

jose wilson tallacagua espinoza

student•

sigue igual , igual mente gracias por la ayuda

Daniel Urbina

student•

Opinion. Estoy haciendo un proyecto e implemente Siriusphp y en mi opinion esta muy mala la documentación, no hay ejemplos y no tiene una comunidad, ni foros donde hablen sobre la libreria. No me gusto…

Augusto Gabriel Luna Bardales

student•

Una muy buena práctica para el tema de seguridad de la aplicación desde el lado del servidor!!! 😄

Fer Torres

student•

Cuando existe un valor en uno de los campos y el otro está vacío, las validaciones muestran el alert rojo cómo se muestra en el video, pero se pierde el valor que ya se había capturado en el otro campo. ¿Cómo puedo conservar el valor del campo que no tiene error?

Diego Forero

Team Platzi•

Tienes que guardarlo en una variable y retornar esa variable en caso de error para que la muestre en el campo.

Fer Torres

student•

Gracias @GOLLUM23!

Así fue como se solucionó; agregué estas lìneas:

'title' => $_POST['title'],
'content' => $_POST['content'],

al return de la función public function postCreate() en el archivo PostController.php, quedando así:

<?php

namespace App\Controllers\Admin;

use App\Controllers\BaseController;
use App\Models\BlogPost;
use Sirius\Validation\Validator;

class PostController extends BaseController {

    public  function getIndex() {
        $blogPosts = BlogPost::all();
        return $this->render('admin/posts.twig', ['blogPosts' => $blogPosts]);
    }

    public function getCreate() {
        // admin/posts/create
        return $this->render('admin/insert-post.twig');
    }

    public function postCreate() {
        $errors = [];
        $result = false;

        $validator = new Validator();

        $validator->add('title', 'required');
        $validator->add('content', 'required');

        if ($validator->validate($_POST)) {
            $blogPost = new BlogPost([
                'title' => $_POST['title'],
                'content' => $_POST['content']
            ]);
            $blogPost->save();

            $result = true;
        } else {
            $errors = $validator->getMessages();
        }

        return $this->render('admin/insert-post.twig', [
            'title' => $_POST['title'],
            'content' => $_POST['content'],
            'result' => $result,
            'errors' => $errors
        ]);
    }
}

Y al archivo insert-post-twig le agregué un else y disabled. Además value = {{ title }} y {{ content }} a los campos input y textarea respectivamente para quedar así:

{%  extends "layout.twig" %}

{% block content %}
    <h2>New Post</h2>
    <p>
        <a class="btn btn-default" href="{{ 'admin/posts' | url }}">Back</a>
    </p>
    {% if errors %}
        <div class="alert alert-danger">
            <ul>
                {% for input, messages in errors %}
                    {% for messages in messages %}
                        <li>{{ input }}: {{ messages }}</li>
                    {% endfor %}
                {% endfor %}
            </ul>
        </div>
    {% endif %}
    {% if result %}
        <div class="alert alert-success">Post Saved!</div>
        <div class="form-group">
            <label for="inputTitle">Title</label>
            <input disabled class="form-control" type="text" name="title" id="inputTitle" value="{{ title }}">
        </div>
        <textarea disabled class="form-control" name="content" id="inputContent" rows="5">{{ content }}</textarea>
    {% else %}
        <form method="post">
            <div class="form-group">
                <label for="inputTitle">Title</label>
                <input class="form-control" type="text" name="title" id="inputTitle" value="{{ title }}">
            </div>
            <textarea class="form-control" name="content" id="inputContent" rows="5">{{ content }}</textarea>
            <br>
            <input class="btn btn-primary" type="submit" value="Save">
        </form>
    {% endif %}
    <br>
{% endblock %}

Teofilo Rosales Gama

student•

oigan solo e podido hacer que el mensaje se muestre en español junto con los de ingles :

<?php

namespace App\Controllers\Admin;

use App\Controllers\BaseController;
use App\Models\BlogPost;
use Sirius\Validation\Validator;

class PostController extends BaseController {
  public function getIndex(){
    $blogPosts = BlogPost::all();
    return $this->render('admin/Posts.twig', ['blogPosts' => $blogPosts]);
  }
  public function getCreate(){
    // admin/posts/create
    return $this->render('admin/insert-post.twig');
  }
  public function postCreate(){
    $errors = [];
    $result = false;

    $validator = new Validator();
    $validator->add('title', 'required');
    $validator->add('content', 'required');

    if($validator->validate($_POST)){
      $blogPosts = new BlogPost([
        'title' => $_POST['title'],
        'content' =>$_POST['content']
      ]);
      $blogPosts->save();
      $result = true;
    }else{
      $errors1 = $validator->addMessage('titulo', 'Este valor es necesario');
      $errors2 = $validator->addMessage('Contenido', 'Este valor es necesario');
      $errors = $validator->getMessages($errors1,$errors2);
      $validator->clearMessages();
    }
    return $this->render('admin/insert-post.twig',[
      'result'=>$result,
      'errors'=>$errors
      ]);
  }
}

adjunto imagnen :

Fer Torres

student•

@AJRomero Intenté tu solución, pero de esta manera SIEMPRE se muestran ambos erorres, aunque solo falte llenar un campo. ¿No te pasa igual?

Oney Ortiz Roman

student•

yo hice esta pequeña modificación, como puedo utilizar switch en twig?

<{% if errors %}
        <div class="alert alert-danger">
            Errores:
            <ul>
                {% for input, messages in errors %}
                    {% for message in messages %}
                        {% if input == "title" %}
                            <li>Titulo: {{ message }}
                        {% elseif input == "content" %}
                            <li>Contenido: {{ message }}</li>
                        {% endif %}
                    {% endfor %}
                {% endfor %}
            </ul>
        </div>
    {% endif %}>

El resultado:

Eduardo Rasgado Ruiz

student•

Paréceme que Twig no integra Switch al estar basado en Jinja de Django, no se consideró útil el Switch. “Si tienes que utilizar switch, algo estás haciendo mal en tu algoritmo”.

Juan Cesar Salazar Torres

student•

y si quiero que me aparezca el mensaje en español ?

Juan Cesar Salazar Torres

student•

Gracias , lo probare.

Ivan Cardozo

student•

Alguno sabe porque bootstrap no me quiere imprimir el texto que va dentro del alert?

Ivan Cardozo

student•

Ivan Cardozo

student•

Dejo el codigo por si alguien sabe que pasa.

{% if errors %}
  <div class="alert alert-danger">
    <ul>
      {% for input , messages in erros %}
          {% for message in messages %}
            <li> {{ input }} : {{ message }} </li>
          {% endfor %}
      {% endfor %}
    </ul>
  </div>
{% endif %}
{% if result %}
<div class= "alert alert-success" role="alert">Post Saved ¡¡</div>
{% endif %}

Luis Fernando Raga Renteria

student•

Este vídeo está repetido con el anterior.

Nota: Faltó el vídeo “
Agregando un modelo para los usuarios del blog
Validaciones de formularios en PHP”

Juan Carlos Rueda Diaz

student•

Este vídeo es de “Configuracion de varaibles de entorno”

Juan Pablo Azocar

student•

Saludos el vídeo de configuración de variables de entorno es el número 50

Martin Lazzeri

student•

como puedo customizar los mensajes de error? esto es, mostrar “Este campo es requerido” en lugar de “this filed is required”

Luis Laguna

student•

como integro esto con ajax de jquery?

Luis Laguna

student•

@GILLUM23 que es un endpoint?

student•

Puedes probar tambien con is.js para validaciones del lado del cliente.

Validaciones de formularios en PHP

Estamos renovando el Curso de Introducción a PHP

¡Renovamos este curso!

Introducción

Presentación, contenidos y proyecto

Características de PHP

Antes de comenzar y Sintáxis

Introducción a PHP

Manejo de Variables y Tipos de Datos en PHP

Utilización de Cadenas de Caractéres en PHP

Arreglos

Operadores

Operadores - Aritméticos

Asignación

Comparación

Arrays

Incremento

Lógicos

Null

Funciones

Funciones en PHP

Estructuras Condicionales

Estructuras de Ciclos

Cargas de Archivos Externos

Manejo de Sesiones

Manejo de Cookies

Funciones Anónimas

Programación Orientada a Objetos

Introducción a Programación Orientada a Objetos

Constructor y Destructor

Herencia

Namespaces

Static

Abstract y Polimorfismo

Interface

Excepciones

Traits

PDO y SQL

Introducción a bases de datos SQL con PHP

Conexión desde PHP a una base de datos SQL

Insertar datos en nuestra de base de datos

Listar nuestros usuarios de la base de datos

Actualizar un Usuario en Nuestra Base de Datos

Borrar un usuario de nuestra base de datos

Cómo proteger nuestra base de datos ante ataques de SQL Injection

Construyento Nuestro Propio Blog

Creando la vista principal del Blog usando Bootstrap

Administrando los artículos del blog

Guardando los blogposts en la base de datos

Composer y carga automática de archivos

Creando la Organización de Nuestro Blog

Introducción a Front Controller

Introducción a Router

Renderizando las vistas desde un método

Agregando el resto de las rutas a nuestro Router

MVC y Templates en Nuestro Blog

El patrón de diseño Model-View-Controller en PHP

¿Por qué usar un motor de templates en PHP?

Instalación y configuración de Twig

Templates de vistas con Twig

Extendiendo layouts con Twig

Modelos con Eloquent

Configuración de variables de entorno

Validaciones de formularios en PHP

Usuarios

Agregando un modelo para los usuarios del blog

Crear usuarios para el blog

Autenticación de usuarios en PHP

Logout de usuarios

Detalles Finales

Protege ciertas rutas con middlewares y filtros

Subir archivos al servidor

Guardando un log de errores en el servidor

Página para el detalle del blogpost

Paginación

Editar y borrar blogposts

Agregar validación del lado del cliente

Cierre del Curso