Validación de campos vacíos en Php
Quiero preguntarte de que manera en php puedo hacer la validación de que un usuario no deje campos vacíos al momento de insertar de registros a una base de datos, pues tengo el siguiente código :
if($Nombre4 == ""){
echo "<script>alert(\"Debes de digitar el nombre.\");</script>"; }
elseif($Email4 == ""){
echo "<script>alert(\"Debes de digitar el mail.\");</script>"; }
elseif($Pais_Ciudad4 == ""){
echo "<script>alert(\"Debes de digitar el Pais y la ciudad.\");</script>";
}
Que a pesar de que funciona bien, se ejecuta e incluso cuando la página se activa necesito que se ejecute solo cuando el usuario de clic en un botón que se llama "enviar" y que al momento de encontrar una campo vacío le diga al usuario que debe de insertar un registro en dicho campo..
if($Nombre4 == ""){
echo "<script>alert(\"Debes de digitar el nombre.\");</script>"; }
elseif($Email4 == ""){
echo "<script>alert(\"Debes de digitar el mail.\");</script>"; }
elseif($Pais_Ciudad4 == ""){
echo "<script>alert(\"Debes de digitar el Pais y la ciudad.\");</script>";
}
Que a pesar de que funciona bien, se ejecuta e incluso cuando la página se activa necesito que se ejecute solo cuando el usuario de clic en un botón que se llama "enviar" y que al momento de encontrar una campo vacío le diga al usuario que debe de insertar un registro en dicho campo..
1 Respuesta
Respuesta de Juan Moreno
1
Te paso el siguiente código.. claro que no tiene que ver con INSERT pero si lo modificas te queda como anillo al dedo. El hace validación de campos vacíos. Es con ajax...
Éxitos...
Dios te bendiga.
Cualquier cosa me comentas...
<html>
<head>
<script type="text/javascript">
function objetoAjax(){var xmlhttp=false;try {xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {try {xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");} catch (E) {xmlhttp = false;}}if (!xmlhttp && typeof XMLHttpRequest!='undefined') {xmlhttp = new XMLHttpRequest();}return xmlhttp;}
var img_carga = '<img src="'">
">';
function aumentaDate(){
divStatus = document.getElementById('status');
divStatus.innerHTML = img_carga;
dateInicio = document.dato.dateInicio.value;
mesMas = document.dato.mesMas.value;
error = '';
if (dateInicio == ''){ error = error + "\r - Debe ingresar la fecha inicio";}
if (mesMas == ''){ error = error + "\r - Debe ingresar la cantidad de meses a aumentar";}
if (error == ''){
ajax=objetoAjax();
ajax.open("POST", "process.php",true);//aqui la ruta de tu archivo q realiza el INSERT y listo!!
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
divStatus.innerHTML = ajax.responseText
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send("mesMas="+mesMas+"&dateInicio="+dateInicio)
} else {
error = "Debe cumplir los siguientes parametros:\r " + error;
alert(error);
divStatus.innerHTML = '';
}
}
</script>
<style type="text/css">
body{background-color: #333; color: #FFF;}
table {text-align: right;font-weight: bold;}
</style>
</head>
<body>
<form name="dato">
<p> </p>
<table border="0" align="center">
<tr>
<td> Fecha inicial (dd/mm/aaaa) </td>
<td><input type="text" name="dateInicio" value="10/10/2010" id="dateInicio"></td>
</tr>
<tr>
<td> Meses de aumento</td>
<td><input type="text" name="mesMas" id="mesMas" value=""></td>
</tr>
<tr>
<td colspan="2"><hr></td>
</tr>
<tr>
<td colspan="2"><p>
<input type="button" value="..:: Calcular ::.." onClick="aumentaDate();">
</p>
<div id="status"></div>
<p> </p></td>
</tr>
</table>
</form>
</body>
</html>
Éxitos...
Dios te bendiga.
Cualquier cosa me comentas...
<html>
<head>
<script type="text/javascript">
function objetoAjax(){var xmlhttp=false;try {xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {try {xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");} catch (E) {xmlhttp = false;}}if (!xmlhttp && typeof XMLHttpRequest!='undefined') {xmlhttp = new XMLHttpRequest();}return xmlhttp;}
var img_carga = '<img src="'">
">';function aumentaDate(){
divStatus = document.getElementById('status');
divStatus.innerHTML = img_carga;
dateInicio = document.dato.dateInicio.value;
mesMas = document.dato.mesMas.value;
error = '';
if (dateInicio == ''){ error = error + "\r - Debe ingresar la fecha inicio";}
if (mesMas == ''){ error = error + "\r - Debe ingresar la cantidad de meses a aumentar";}
if (error == ''){
ajax=objetoAjax();
ajax.open("POST", "process.php",true);//aqui la ruta de tu archivo q realiza el INSERT y listo!!
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
divStatus.innerHTML = ajax.responseText
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send("mesMas="+mesMas+"&dateInicio="+dateInicio)
} else {
error = "Debe cumplir los siguientes parametros:\r " + error;
alert(error);
divStatus.innerHTML = '';
}
}
</script>
<style type="text/css">
body{background-color: #333; color: #FFF;}
table {text-align: right;font-weight: bold;}
</style>
</head>
<body>
<form name="dato">
<p> </p>
<table border="0" align="center">
<tr>
<td> Fecha inicial (dd/mm/aaaa) </td>
<td><input type="text" name="dateInicio" value="10/10/2010" id="dateInicio"></td>
</tr>
<tr>
<td> Meses de aumento</td>
<td><input type="text" name="mesMas" id="mesMas" value=""></td>
</tr>
<tr>
<td colspan="2"><hr></td>
</tr>
<tr>
<td colspan="2"><p>
<input type="button" value="..:: Calcular ::.." onClick="aumentaDate();">
</p>
<div id="status"></div>
<p> </p></td>
</tr>
</table>
</form>
</body>
</html>
