¿Cómo valido un input sin usar required?

publicado por: Anonymous

El tema es que tengo un textarea que está requerido, pero lo que quiero es que si el usuario envia el formulario sin escribir nada en el textarea, no aparezca el mensaje de Esta requerido pero si mantenga la validación de no dejar pasar los datos al servidor y le señale al usuario el input que no pasa la validación por estar vacio.

La imagen siguiente muestra un resumen de lo que quiero ocultar:

Esto es lo que quiero ocultar

solución

En las partes de tu formulario donde tengas la etiqueta “required” bórralas:

Ejemplo:

<form action="/action_page.php">
  Username: <input type="text" name="username" required>
  <input type="submit">
</form>

<form action="/action_page.php">
  Username: <input type="text" name="username">
  <input type="submit">
</form>

Para validar el campo vacío puedes usar javascript puro (https://www.w3schools.com/js/tryit.asp?filename=tryjs_validation_js):

<!DOCTYPE html>
<html>
<head>
<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == "") {
        alert("Name must be filled out");
        return false;
    }
}
</script>
</head>
<body>

<form name="myForm" action="/action_page.php"
onsubmit="return validateForm()" method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>

</body>
</html>

O plugins de validación: https://jqueryvalidation.org/

De preferencia implementa la validación tanto en servidor como en el
cliente.

La validación a nivel cliente es para que tu usuario no pierda tiempo esperando a que el servidor le diga que llene el campo vacío.

La de nivel servidor te sirve en caso que la validación a nivel cliente falle y que el usuario no ponga datos basura o quiera perjudicar tu servidor.

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *