Como evitar que se envíen campos vacíos en un formulario

iDiegoEscobar · #1 (**permalink**) 11/03/2013, 13:28

Hola amigos, en esta semana he estado haciendo una web de libros en la cual ahora solo me falta incrementar un sistema de comentarios he llegado a hacer el formulario y la conexión a la base de datos, y los comentarios se envían correctamente pero mi problema es que quiero evitar que por curiosidad le den clic al botón de enviar y se envíen los campos vacíos. Este es mi código:

Código PHP:

 
<form action="libro.php?id=<?php echo $_GET['id']?>" method="post" />  

Nombre:  

<br/>  

<input type="text" name="user"/>  

<br/>  

Comentarios:  

<br/>  

<textarea name="comment"></textarea>  

<br/>  

<br/>  

<input type="text" name="id_nt" value="<?php echo $_GET['id']?>"/>  

<input type="submit" value="Enviar" />  

</form>

 
<?PHP

    

    include("connection.php");

    

    mysql_query("INSERT INTO comments (id_nt,user,comment)  

    VALUES('$_REQUEST[id_nt]','$_REQUEST[user]','$_REQUEST[comment]')",$connection)or die(mysql_error());

    

?>

Mi objetivo es que si los campos están vacíos al presionar el botón den enviar, mande un mensaje informando que los campos no pueden estar vacíos. Quisiera informar que todo esto quisiera hacerlo en la mis página (libro.php) ¿Alguien podría echarme una mano? Gracias:)

maycolalvarez · #2 (**permalink**) 11/03/2013, 13:32

debes de validar (preferiblemente con javascript) que estén vacíos o no.

ten en cuenta que para que tu formulario sea seguro, la validación SIEMPRE la debes hacer desde PHP, es decir, del lado del servidor.

la validación del lado del cliente (javascript) no aporta seguridad, sí, es cómoda y le ahorra peticiones innecesarias al server, pero NO es segura, de allí lo importante que es tener al del servidor, y de preferencia ambas

iDiegoEscobar · #3 (**permalink**) 11/03/2013, 13:43

Cita:

Iniciado por maycolalvarez

debes de validar (preferiblemente con javascript) que estén vacíos o no.

ten en cuenta que para que tu formulario sea seguro, la validación SIEMPRE la debes hacer desde PHP, es decir, del lado del servidor.

la validación del lado del cliente (javascript) no aporta seguridad, sí, es cómoda y le ahorra peticiones innecesarias al server, pero NO es segura, de allí lo importante que es tener al del servidor, y de preferencia ambas

Hola, gracias por tu pronta respuesta, había intentado hace poco hacerlo con javascript y lograba que al usuario se le enviara un mensaje de que algún campo estaba vacío, pero de igual manera el 'mensajes' (Con campos vacíos) se envía. Dejare mi código para ver si me podrías indicar mi error. Gracias.

Código HTML:

<head>
<script language="JavaScript" type="text/JavaScript">
function validate_send(){
if(document.comments.user.value == "") {
alert("Por favor indique Su Nombre");
document.comments.user.focus();
return false;
}

if(document.comments.comment.value == "") {
alert("Por favor ingrese un comentario");
document.comments.comment.focus();
return false;
}

alert("Muchas gracias por tu comentario");
document.comments.submit(); 
return true;
}
</script>
</head>

<body>
<form action="<?php echo $_GET['id']?>" method="post" name="comments">  
Nombre:  
<br/>  
<input type="text" name="user"/>  
<br/>  
Comentarios:  
<br/>  
<textarea name="comment"></textarea>  
<br/>  
<br/>  
<input type="text" name="id_nt" value="<?php echo $_GET['id']?>"/>  
<input type="submit" value="Enviar" onclick="validate_send()"/>  
</form>

<?php 
	
	include("../connection.php");
	
	mysql_query("INSERT INTO comments (id_nt,user,comment)  
	VALUES('$_REQUEST[id_nt]','$_REQUEST[user]','$_REQUEST[comment]')",$connection)or die(mysql_error());
	
?> 
</body>

eduardomxm · #4 (**permalink**) 11/03/2013, 14:52

tu Script lo ejecuta total anida tus if algo asi

Código:

<script language="JavaScript" type="text/JavaScript">
function validate_send(){
if(document.comments.user.value == "") {
alert("Por favor indique Su Nombre");
document.comments.user.focus();
}
else{
if(document.comments.comment.value == "") {
alert("Por favor ingrese un comentario");
document.comments.comment.focus();
}
else{//Paso por las dos validaciones ahora mandamos formulario
alert("Muchas gracias por tu comentario");
document.comments.submit(); 
}
}
}

</script>

Nemutagk · #5 (**permalink**) 11/03/2013, 15:13

Eso es porque la validación no esta funcionando como tal, es mejor que ancles esa función en el evento submit del formulario...

Código HTML:

Ver original<head>
<script language="JavaScript" type="text/JavaScript">
function validate_send(){
if(document.comments.user.value == "") {
alert("Por favor indique Su Nombre");
document.comments.user.focus();
return false;
}
 
if(document.comments.comment.value == "") {
alert("Por favor ingrese un comentario");
document.comments.comment.focus();
return false;
}
 
alert("Muchas gracias por tu comentario");
return true;
}
</script>
</head>
 
<body>
<form action="<?php echo $_GET['id']?>" method="post" name="comments" onsubmit="return validate_send()">  
Nombre:  
<br/>  
<input type="text" name="user"/>  
<br/>  
Comentarios:  
<br/>  
<textarea name="comment"></textarea>  
<br/>  
<br/>  
<input type="text" name="id_nt" value="<?php echo $_GET['id']?>"/>  
<input type="submit" value="Enviar"/>  
</form>
</body>

Pero tal cual te ah dicho @maycolalvarez, debes hacer también la validación del lado del servidor, ya que es muy facil saltar dicha validación en javascript...