Hola a todos. Por favor si me pueden ayudar con esto: estoy haciendo un programa en php donde tengo un formulario y registro los datos de una persona. Los datos los guardo en mysql. Ahora valido todos los campos con javascript
: que los campos no esten vacios, que no sean solo espacios en blanco, que sean solo de tipo texto o numero (dependiendo). Si algun campo esta mal, aparece un alert indicando el error, sin ir a otra pagina ni poner el formulario en blanco. Hasta aqui todo bien, pero ahora tengo que validar que el usuario que estoy registrando, no exista en la bd. Quisiera hacerlo de la misma forma, que aparezca un alert en la misma pagina indicando que ya esta registrado. Lo habia hecho con php pero para mostrar el error tengo que mostrarlo en otra pagina y luego tengo que volver al formulario a llenar todos los datos y me parece muy tedioso y poco practico. Disculpen que me haya extendido en la explicacion pero espero que la entiendan y me puedan ayudar por favor
o si tienen una mejor opcion
Aqui el codigo del formulario y las validaciones con javascript
:
<HTML>
<HEAD>
<title>registro</title>
<link href="estilos.css" rel="stylesheet" type="text/css" media="screen"/>
</HEAD>
<SCRIPT language="javascript">
function validaciones(){
//Defino variables para las validaciones
var val_nombre = /^([a-z]|[A-Z]|á|é|í|ó|ú|ñ|ü|\s)+$/
var val_telefono = /^([0-9\.\-\)\(])+$/
var val_email = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/
var val_esp_nomb = document.getElementById("nombre").value;
var val_esp_ema = document.getElementById("email").value;
var val_esp_telf = document.getElementById("telefono").value;
var val_esp_direcc = document.getElementById("direccion").value;
//valido que el campo nombre no este vacio
if (document.formulario.nombre.value.length==0){
alert("Debe completar todos los campos.")
document.formulario.nombre.focus()
return false;
}
//Valido que el campo nombre no contenga solo espacios en blanco
if(/^\s+$/.test(val_esp_nomb) ) {
alert('El contenido del campo NOMBRE no pueden ser solo espacios en blanco.')
return false;
}
//Valida el contenido del campo nombre.. Que solo contenga letras, o espacios en blanco
if(!val_nombre.test(formulario.nombre.value)) {
alert('El contenido del campo NOMBRE no es válido.')
return false
}
//Valido que el campo email no este vacio
if (document.formulario.email.value.length==0){
alert("Debe completar todos los campos")
document.formulario.email.focus()
return false;
}
//Valido que el campo email no contenga solo espacios en blanco
if(/^\s+$/.test(val_esp_ema) ) {
alert('El contenido del campo EMAIL no pueden ser solo espacios en blanco.')
return false;
}
//Valido que el email, sea correcto
if(!val_email.test(formulario.email.value)) {
alert('El contenido del campo E-MAIL no es válido.')
return false
}
//Valido que el campo telefono no este vacio
if (document.formulario.telefono.value.length==0){
alert("Debe completar todos los campos")
document.formulario.telefono.focus()
return false;
}
//Valido que el campo telefono no contenga solo espacios en blanco
if(/^\s+$/.test(val_esp_telf) ) {
alert('El contenido del campo TELEFONO no pueden ser solo espacios en blanco.')
return false;
}
//Valido que el contenido del campo telefono sea valido. Contenga solo numeros, punto, guion y parentesis.
if(!val_telefono.test(formulario.telefono.value)) {
alert('Contenido del campo TELEFONO no válido.')
return false
}
//Valido que el campo direccion no este vacio
if (document.formulario.direccion.value.length==0){
alert("Debe completar todos los campos.")
document.formulario.direccion.focus()
return false;
}
//Valido que el campo comentario no contenga solo espacios en blanco
if(/^\s+$/.test(val_esp_direcc) ) {
alert('El contenido del campo COMENTARIO no pueden ser solo espacios en blanco.')
return false;
}
alert("Registro completado exitosamente");
document.formulario.submit()
}
</SCRIPT>
<body>
<form name="formulario" id="formulario" action="" method="POST">
<label for="nombre">*Nombre:</label>
<input type="text" id="nombre" class="campo" name="nombre"/>
<label for="email">*E-mail:</label>
<input type="text" id="email" class="campo" name="email"/>
<label for="telefono">*Telefono:</label>
<input type="text" id="telefono" class="campo" name="telefono"/>
<label for="comentario">*Direccion:</label>
<input type="text" id="direccion" class="campo" name="direccion"/>
<br>
<br>
<input type="button" onclick="validaciones()" name="enviar" value="Enviar"/>
<input type="reset" name="cancelar" value="Cancelar"/>
</form>
<h6 id="campobligatorio">Los campos con * son obligatorios</h6>
<?php
require ("conexionbd.php");
//Insertamos el Registro en la tabla contactenos de la Base de Datos...
$strsql = "INSERT INTO contactenos VALUES('$_POST[nombre]','$_POST[email]','$_POST[telefono]','$_POST[direccion]');";
$result=mysql_query($strsql);
?>
</body>
</HTML>