[SOLUCIONADO] Problemas con formulario de contacto

[AsanchezWEB]

Buen día,

El motivo de este post es para solicitar su ayuda con un formulario de contacto, lo que pasa es que tengo un javascript en el cual si un campo esta vacío por ejemplo el de nombre me sale una alerta que me dice que tengo que llenar el campo para poder enviar el mensaje.

Funciona correctamente el problema es que en una misma página tengo dos formularios de contacto uno para registrarse y otro para mandar un mensaje para solicitar un servicio, y lo que pasa es lo siguiente,

Tengo los dos formularios Form1 y Form2

Para hacer los campos obligatorios en Form1 utilice este código;

<script language="JavaScript" type="text/javascript">
function verifica() {
if (document.Form1.nombre.value != "") {
document.Form1.submit();
} else {
alert("FALTAN DATOS!!!!!");
}
// TOAD
}
</script>

Y jala correctamente en el Form1 el problema es que a la hora de querer mandar el Form2 me pide obligatorio los campos de Form1 para poder mandar los del Form2, de alguna manera está asociando los dos botones enviar como uno solo.

Y otra cosa quisiera poder hacer el campo nombre y correo obligatorio en Form1 sin que interactúe con el Form2 y de la misma manera hacer los campos obligatorios en el Form2 sin que interactúe con el Form1

Si quieren ver mi web para que ven como los tengo a horita (En este momento no tengo el código este si no para que vean el error que quiero solucionar)

www.ac-solutions.tk

El formulario de la derecha es el de registro y el otro formulario no está visible hasta que presionas en la parte de texto de la página donde termina lo de CIBERCAFES después dice contacto en la opción de correo presionas y aparece el otro formulario.


Muchas gracias por su tiempo y ayuda :)

[Franz1628]

mejor utiliza 2 funciones

uno para form1 y otro para form2

Código Javascript:

function verifica1() {
if (document.Form1.nombre.value != "") {
document.Form1.submit();
} else {
alert("FALTAN DATOS!!!!!");
}
// TOAD
}
 
function verifica2() {
if (document.Form2.nombre.value != "") {
document.Form2.submit();
} else {
alert("FALTAN DATOS!!!!!");
}
// TOAD
}
 

tambien puedes hacerlo con una sola funcion ya te lo dejo como tarea =)

[AsanchezWEB]

Iniciado por Franz1628

mejor utiliza 2 funciones

uno para form1 y otro para form2

Código Javascript:

function verifica1() {
if (document.Form1.nombre.value != "") {
document.Form1.submit();
} else {
alert("FALTAN DATOS!!!!!");
}
// TOAD
}
 
function verifica2() {
if (document.Form2.nombre.value != "") {
document.Form2.submit();
} else {
alert("FALTAN DATOS!!!!!");
}
// TOAD
}
 

tambien puedes hacerlo con una sola funcion ya te lo dejo como tarea =)

Ya utilice las dos funciones como dices y el boton enviar no hace nada, creo que mi problema esta en el código del los fom. Mira te paso los codigos.

Mira este es el codigo de from1 que se llama contacto

Código HTML:

<form id="contacto" name="contacto" method="post" action="enviar2.php"> 
<p><font size="4" color="Black">Formulario de contacto</font></p>
<br>
<p>
 
<label>Nombre: 
<input name="nombre" id="nombre" size=41 /> </label></p> 
<br />
<p>
<label>Empresa: 
<input name="empresa" type="text" id="empresa" size=40/></label></p>
<br /> 
<p>
<label>Correo: <input name="mail" type="text" id="mail" size=46/></label></p>
<br /> 
<p><label>Mensaje<br /> 
<textarea name="mensaje" cols="55" rows="8" id="mensaje"></textarea></label>
</p> 
<p><input type="button" onclick="verifica();" name="Submit" value="Enviar" /></p>
 
</form></div>
 

Y este es el codigo del form2 que se llama form1 este este dentro de una tabla

Código HTML:

<table width="216">
 
</table>
<form id="form1" method="post" action="Formulario.php" >
<table width="266">
<tr>
<td width="65">
 
<font color="Black">Nombre</font><img src="images/red-38076_640.png" width="8" height="8" title="Campo obligatorio" /></td>
<td width="144"><label for="correo"></label>
<input type="text" name="nombre" id="textfield2" /></td>
</tr>
<tr>
<td><font color="Black">Apellidos</font></td>
<td><label for="telefono"></label>
<input type="text" name="apellidos" id="textfield3" /></td>
</tr>
<tr>
<td><font color="Black">Correo</font><img src="images/red-38076_640.png" alt="" width="8" height="8" title="Campo obligatorio" /></td>
<td><label for="empresa"></label>
<input type="text" name="correo" id="textfield4" /></td>
</tr>
<tr>
<td><font color="Black">Telefono</font></td>
<td><label for="servicio"></label>
<input type="text" name="telefono" id="textfield5" /></td>
</tr>
<tr>
<td><font color="Black">Empresa</font></td>
<td><label for="textfield6"></label>
<input type="text" name="empresa" id="textfield6" /></td>
</tr>
<tr>
<td><font color="Black">Servicio</font></td>
<td><label for="textfield7"></label>
<input type="text" name="servicio" id="textfield7" /></td>
</tr>
</table>
<table width="220">
<tr>
<td><input type="button" onclick="verifica();" name="button" id="button" value="Enviar"/>
 
</td>
</tr>
</table>
 
</form>
<p>&nbsp;</p></td>
</tr>
</table>
 

Muchas gracias por tu tiempo y apoyo :)

[Franz1628]

lo que pasa es que debes darle el atributo name a tus formularios

Código HTML:

<form id="form1" name="form1" method="post" action="Formulario.php" >
 

Código HTML:

<form id="contacto" name="form2" method="post" action="enviar2.php">
 

[AsanchezWEB]

Iniciado por Franz1628

lo que pasa es que debes darle el atributo name a tus formularios

Código HTML:

<form id="form1" name="form1" method="post" action="Formulario.php" >
 

Código HTML:

<form id="contacto" name="form2" method="post" action="enviar2.php">
 

Gracias por contestar amigo, ya lo e echo pero sigue igual, los javascript los tengo con los id de cada formulario, si solo lo dejo en uno jala correcto para uno pero para los dos tengo el error que te mencione.

Estoy agradecido por tu apoyo.

[AsanchezWEB]

Problema solucionado, tenia el mismo nombre de text en ambos formularios y la función no sabia a cual dirigirse.

Muchas gracias por su ayuda :)