JavaScript y PHP

[floyd_23]

Hola,

Estoy haciendo un formulario en php.

Para dicho formulario tengo una funcion en javascript que va comprobando que los datos en los campos son correctos.

Mi problema es, que al hacer clic en "Enviar" comprueba el formulario y lo envia a la base de datos al mismo tiempo.

Me gustaria que primero comprobase, y si todo esta correcto que lo mandara a la base de datos mediante php.

Saludos, gracias.

Código HTML:

<form action="contacta.php" method="get" name="datos">
<table>
		<tr>
			<td>Nombre</td>
			<td><input type="text" name="nombre"></td>
		</tr>
		<tr>
			<td>Empresa/Comunidad</td>
			<td><input type="text" name="comunidad"></td>
		</tr>
		<tr>
			<td>Correo Electronico</td>
			<td><input type="text" name="email"></td>
		</tr>
		<tr>
			<td>
				Consulta:
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<label>
					<textarea name="textarea" cols="45" rows="5" ></textarea>
				</label>
			</td>
		</tr>
		<tr>
			<td colspan="2" align="center"><input type="submit" name="enviar" value="Enviar" onClick="comprobar()" onLoad="confirmar()"> <input type="reset" name="borrar" value="Reset"></td>
		</tr>
	</table>
</form>

[maycolalvarez]

deberías colocar la llamada de la función en el evento onsubmit del form, y que la misma función devuelva true o false en caso de que no contener errores

<form ... onsubmit="return comprobar();" >

de esta forma si la función devuelve false, el formulario no se enviará a php

[dluxox_]

donde esta el codigo javascript para verlo?

[eulerss]

y el javascript?????????????????????????

[floyd_23]

Perdón por tardar en contestar.

El código javascript esta aqui:

Código HTML:

<script language="javascript">
function comprobaciones () {
function comprobar();
function comprobar_email();
}

function comprobar () {
			var ok;
			ok = true;
			if (datos.nombre.value == ""){
				alert ("Debe escribir su nombre");
				datos.nombre.focus();
				ok = false;
				}
				else {
					if (datos.comunidad.value == "") {
					alert ("Debe escribir el nombre de la Empresa/Comunidad");
					datos.apellidos.focus();
					ok = false;
					}
						
				}
		}
		
		if (ok == true) ok = comprobar_email();

        if (ok == true) ok = confirmar();

        return ok;
    }

function comprobar_email()

    {

        var ok = false;

        var i, mail;

        var punto = 0;

        var arroba = 0;

      
        mail = datos.email.value;

  
        if (mail == "") ok = true;

        else {
  

          for (i=0; i<mail.length; i++)

          {

              if (mail.charAt(i) == '@') arroba=i; 

              if (mail.charAt(i) == '.') punto=i; 

          }
  
  

          if ( (punto!=0) && (arroba!=0) && (punto > arroba))

              ok = true;

          else {

              alert("Compruebe su dirección de correo electrónico");

              datos.email.focus();

          }

        }

        

        return ok;

    }
</script>
        

Hay algo en el codigo que no funciona, el return falla y ahora mismo no veo el fallo :-S.

Saludos, gracias.

[dluxox_]

<script language="javascript" type="text/javascript">
function validar()
{
//alert(document.form.nom.value);
var f=document.datos;

//************************************************** *****
if (f.comunidad.value == 0)
{
alert("Por favor ingrese su Teléfono");
f.tel.value="";
f.tel.focus();
return false;
}

//************************************************** *****
if (f.email.value == 0)
{
alert("Por favor ingrese su E-Mail");
f.correo.value="";
f.correo.focus();
return false;
}

//************************************************** *****
if (f.texarea.value==0)
{
alert("Por favor indique su país");
f.pais.focus();
return false;
}

//************************************************** *****
//alert("todo ok");
document.form.submit();
}


//************************************************** *****
function limpiar()
{
document.form.reset();
document.form.nom.focus();
}
</script>

[dluxox_]

Iniciado por dluxox_

<script language="javascript" type="text/javascript">
function validar()
{
//alert(document.form.nom.value);
var f=document.datos;

//************************************************** *****
if (f.comunidad.value == 0)
{
alert("Por favor ingrese su Teléfono");
f.tel.value="";
f.tel.focus();
return false;
}

//************************************************** *****
if (f.email.value == 0)
{
alert("Por favor ingrese su E-Mail");
f.correo.value="";
f.correo.focus();
return false;
}

//************************************************** *****
if (f.texarea.value==0)
{
alert("Por favor indique su país");
f.pais.focus();
return false;
}

//************************************************** *****
//alert("todo ok");
document.form.submit();
}


//************************************************** *****
function limpiar()
{
document.form.reset();
document.form.nom.focus();
}
</script>

te recomiendo que ocupes este codigo cualquier duda me dices :D

[GatorV]

Tema movido desde PHP a Javascript

[kalvinman]

Me pareceria mas simple utilizar las validaciones de formulario de Dreamweaver. xD

[floyd_23]

Hola,

Antes de nada agradecerte la respuesta.

Este código de abajo no resuelve mi problema.

Mi problema es el siguiente:

Ahora mismo, mientras comprueba el formulario los datos están siendo enviados a la base de datos sean correctos o no. El javascript y el php funcionan a la vez.

Lo que yo pretendo, es que primero compruebe el formulario y si todo es correcto, que lo mande a la BD.


Muchas gracias.

Saludos.

Iniciado por dluxox_

<script language="javascript" type="text/javascript">
function validar()
{
//alert(document.form.nom.value);
var f=document.datos;

//************************************************** *****
if (f.comunidad.value == 0)
{
alert("Por favor ingrese su Teléfono");
f.tel.value="";
f.tel.focus();
return false;
}

//************************************************** *****
if (f.email.value == 0)
{
alert("Por favor ingrese su E-Mail");
f.correo.value="";
f.correo.focus();
return false;
}

//************************************************** *****
if (f.texarea.value==0)
{
alert("Por favor indique su país");
f.pais.focus();
return false;
}

//************************************************** *****
//alert("todo ok");
document.form.submit();
}


//************************************************** *****
function limpiar()
{
document.form.reset();
document.form.nom.focus();
}
</script>

[caricatos]

Iniciado por maycolalvarez

deberías colocar la llamada de la función en el evento onsubmit del form, y que la misma función devuelva true o false en caso de que no contener errores

<form ... onsubmit="return comprobar();" >

de esta forma si la función devuelve false, el formulario no se enviará a php

La respuesta de maycolalvarez, es la correcta, y parece que nadie le hace caso

Iniciado por kalvinman

Me pareceria mas simple utilizar las validaciones de formulario de Dreamweaver. xD

DW es un editor caótico tal como sus códigos. Mi recomendación es evitarlo.

Más información: El abc de los formularios

Saludos

[mortiprogramador]

Hola
En primera, es muchisimo mejor manejar funciones con librerias js,
así que recomiendo que te pases a alguna (jquery, etc)

por ahora, revise el javascript que estan manejando, no concuerdan nombres de campos, y por esto no funciona, aquí dejo código completo funcionando

Código HTML:

<script language="javascript" type="text/javascript">
function validar()
{
//alert(document.form.nom.value);
var f=document.datos;
//************************************************** *****
if (f.nombre.value == 0)
{
alert("Por favor ingrese su nombre");
f.nombre.value="";
f.nombre.focus();
return false;
}
//************************************************** *****
if (f.comunidad.value == 0)
{
alert("Por favor ingrese su comunidad");
f.comunidad.value="";
f.comunidad.focus();
return false;
}
//************************************************** *****
 if (f.email.value == "")
{
alert("Por favor ingrese su E-Mail");
f.email.value="";
f.email.focus();
return false;
}
//************************************************** *****
 if (f.textarea.value==0)
{
alert("Por favor use el textarea");
f.textarea.focus();
return false;
}
 
//************************************************** *****
//alert("todo ok");
document.form.submit();
}
 
 
//************************************************** *****
function limpiar()
{
document.form.reset();
document.form.nom.focus();
}
</script>
<form action="contacta.php" method="get" name="datos" onSubmit="return validar()"">
<table>
        <tr>
            <td>Nombre</td>
            <td><input type="text" name="nombre"></td>
        </tr>
        <tr>
            <td>Empresa/Comunidad</td>
            <td><input type="text" name="comunidad"></td>
        </tr>
        <tr>
            <td>Correo Electronico</td>
            <td><input type="text" name="email"></td>
        </tr>
        <tr>
            <td>
                Consulta:
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <label>
                    <textarea name="textarea" cols="45" rows="5" ></textarea>
                </label>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center"><input type="submit" name="enviar" value="Enviar">  <input type="reset" name="borrar" value="Reset"></td>
        </tr>
    </table>
</form>
 

saludos

[caricatos]

Iniciado por mortiprogramador

Hola
En primera, es muchisimo mejor manejar funciones con librerias js,
así que recomiendo que te pases a alguna (jquery, etc)
...
saludos

Otra afirmación de la que discrepo.

Usar toda una librería para una validación, que si es correcta y está bien hecha tan solo necesitaría unas pocas líneas.

Depender de librerías debería implicar leer la documentación, y eso creo que son muy pocos los que lo hacen (fíjate las pregunas de ese foro... )

Saludos

[floyd_23]

Hola,

Caricatos y maycolalvarez tenían razón. Pero tenía un problema con algún return y por eso no funcionaba.

Copie el código de mortiprogramador y ahora funciona perfectamente.

Muchas gracias a todos por molestaros en contestar mis dudas.

Saludos.

[mortiprogramador]

Hola Caricatos
Bueno, pues son pros y contras

En todo caso, sea cualquier opción, terminan
aquí preguntandonos, y bueno, la documentación
de jquery no es tan enredada como otras que he visto

Pero viendolo desde otra arista, pues claro,
eso conllevaría un mayor tiempo de respuesta

Como sea, por aquí estaremos para solventar esos issues
saludos