¿Cómo mostrar un error por entrada no válida con php/html?

 PHP se puede incrustar fácilmente en archivos HTML y los códigos HTML también se pueden escribir en un archivo PHP. Lo que diferencia a PHP de un lenguaje del lado del cliente como HTML es que los códigos PHP se ejecutan en el servidor, mientras que los códigos HTML se representan directamente en el navegador. Para mostrar el error de entrada no válida con HTML y PHP. 

Acercarse:

Mostrar error en error no válido cuando

  • el cuadro de texto de entrada se deja vacío.
  • la entrada es incorrecta.

Código PHP: El siguiente es el código para “form.php” que se usa en el código HTML en la última parte.

Para mostrar una entrada no válida en PHP, establezca el nombre del cuadro de texto de entrada que está en HTML. Primero se verifican todos los campos en busca de campos vacíos y luego se valida su corrección. Si todos los campos son correctos, muestra el mensaje de éxito. Si la entrada proporcionada por el usuario es incorrecta, se mostrará un mensaje de «Entrada no válida».

PHP

<?php
$nameError = "";
$emailError = "";
$passwordError = "";
$mobileError = "";
$success = "";
   
function validate_input($input) {
    $input = trim($input);
    $input = stripslashes($input);
    $input = htmlspecialchars($input);
    return $input;
}
   
if(isset($_POST['form_submit'])) {
    $name = $_POST['name'];
    $password = $_POST['password'];
    $email = $_POST['user_email'];
    $mobile = $_POST['mobile'];
     
    if (empty($_POST["name"])) {
        $nameError = "Name is required";
    } else {
        $name = validate_input($_POST["name"]);
          
        if($name == 'chetan') {
            $success= "Thank you ". $name.", ";
            echo $success;
        }
    }
     
    if (empty($_POST["email"])) {
        $emailError = "Email is required";
    } else {
        $email = validate_input($_POST["email"]);
          
        if($email == 'test@email.com') {
            $success= $email." is correct";
            echo $success;
        }
    }
       
    if (empty($_POST["password"])) {
        $passwordError = "Password is required";
    } else {
        $password = validate_input($_POST["password"]);
      
        if($password == 'test@123') {
            $success= $password." is correct";
            echo $success;
        }
    }
   
    if (empty($_POST["mobile"])) {
        $mobileError = "Mobile is required";
    } else {
        $mobile = validate_input($_POST["mobile"]);
          
        if($mobile == '123456789') {
            $success= $mobile." is correct";
            echo $success;
        }
    }
    if(empty($success))
        echo "Invalid input!!!";
}
?>

Código HTML: El siguiente código utiliza el código PHP “form.php” anterior.

HTML

<!DOCTYPE html>
<html lang="en" dir="ltr">
  
<head>
    <meta charset="utf-8">
    <title>Form</title>
</head>
  
<body>
    <form action="form.php" method="POST">
        <input type="text" name="name" 
            placeholder="Enter name">
  
        <input type="password" name="password"
            placeholder="Password">
  
        <input type="email" name="user_email" 
            placeholder="yourname@gamil.com">
  
        <input type="tel" name="mobile" 
            placeholder="Mobile no">
  
        <button type="submit" name="form_submit">
            Submit
        </button>
    </form>
</body>
  
</html>

Producción:

  • Entrada incorrecta por parte del usuario
    Invalid input!!!
  • Entrada correcta por el usuario 

Publicación traducida automáticamente

Artículo escrito por chetanjha888 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *