Problema con Formulario

joseherran · #1 (**permalink**) 11/09/2015, 08:17

hola buenos dias por aqui a pedirles un favor grandote si alguien sabe bueno acabe de terminar un proyecto de una pagina one page que tiene dos formularios el de trabaje con nosotros y contactenos el de trabaje con nosotros tiene un error que cuendo le doy click a enviar me envia a la interna del modulo si alguien puede ver el formulario de contacto carga en la misma pagina y saca un mensaje y tambn necesito que el formulario de trabajo quede igual muchas gracias estare atento a cualquier a las respuesta aqui abajo dejo el link de la pagina gracias

xfxstudios · #2 (**permalink**) 11/09/2015, 11:38

tienes que colocar los codigos php que estas manejando ya que en la pagina no se pueden ver por obviar razones, una vez los colocques se te puede ayudar un poco mas

Triby · #3 (**permalink**) 11/09/2015, 12:56

No pude abrir la página, tarda mucho en cargar, pero, por lo que mencionas, en el formulario de contacto estás usando AJAX y lo que debes hacer es revisar el evento onsubmit de ese formulario y adaptarlo al de "Trabaje con nosotros".

Por cierto, esto no tiene que ver con PHP, sino con Javascript; muevo tu tema al foro adecuado.

joseherran · #4 (**permalink**) 11/09/2015, 13:17

hola triby y xfxstudios postear los codigos no puedo por que son muy largos he la unica y si no les importa tratarlo por interno y asi mostrarle bn los codigos cualquier caso estoy esperando respuesta en mi skipe o msn que sos jose-luis.herran y [email protected] les agradesco la ayuda

Alexis88 · #5 (**permalink**) 11/09/2015, 13:55

José, no hace falta que muestres todo el código, basta con que coloques la parte crítica del mismo. Puedes usar el highlight del foro para mostrar el código y que se vea así:

Código HTML:

Ver original<div>
    <label></label>
    <span></span>
</div>

Código CSS:

Ver original.foo{
    background-color: #ff0000;
}

Código Javascript:

Ver originalvar foo = "bar";
alert(foo);

Código PHP:

Ver original$foo = 'bar';
echo $foo;

Saludos

joseherran · #6 (**permalink**) 11/09/2015, 14:08

$(document).ready(function()
{
var base_url = $('#baseurl').html(); // seleccionamos la base url de un div

// personalizamos los mensajes
jQuery.extend
(
jQuery.validator.messages,
{
required: "Este campo es obligatorio",
remote: "Por favor corrija este campo",
email: "Por favor escriba un correo válido",
url: "Por favor escriba una url válida.",
date: "Por favor escriba una fecha válida.",
dateISO: "Por favor escriba una fecha válida (ISO).",
number: "El campo debe ser numerico.",
digits: "Por favor use sólamente dígitos.",
creditcard: "Por favor introduzca un número de tarjeta de crédito válido.",
equalTo: "Por favor introduzca el mismo valor del anterior.",
accept: "Por favor introduzca un valor con una extensión válida.",
maxlength: jQuery.validator.format("Por favor escriba máximo {0} caracteres."),
minlength: jQuery.validator.format("Por favor escriba mínimo {0} caracteres."),
rangelength: jQuery.validator.format("Por favor escriba un valor entre {0} y {1} caracteres de longitud."),
range: jQuery.validator.format("Por favor escriba un valor entre {0} y {1}."),
max: jQuery.validator.format("Por favor introduzca un valor menor o igual a {0}."),
min: jQuery.validator.format("Por favor introduzca un valor mayor o igual a {0}.")
},
$.validator.addMethod
(
"date",
function(value, element) {
//return Funciones_JS_Sinergia.esFecha(value);
},
"Por favor digite una fecha válida usando el formato dd-mm-aaaa."
)
);

// trabaja co nosotros
$('.form_contac_ajax_1').validate({
rules: {
name: {required: true, minlength: 2, maxlength: 100},
email: {required: true, email: true, maxlength: 100},
phone: {required: true, minlength: 5, maxlength: 30},
cell: {minlength: 10, maxlength: 30},
company: {maxlength: 100},
message: {required: true, maxlength: 455},
},
highlight: function(element) {
$(element).addClass('form_txt_error');
$(element).removeClass('error');
},
unhighlight: function(element) {
$(element).removeClass('form_txt_error');
},
focusInvalid: true,
onfocusout: false,
submitHandler: function(event)
{
llamadaAjaxContact('.form_contac_ajax_1'); // mandamos el nombre del formulario
}
});

// funcion de jquery donde recibimos el nombre del formulario
function llamadaAjaxContact(formname)
{
$.ajax({
url: $(formname).attr('action'),
type: 'POST',
dataType: 'json',
data: $(formname).serialize(),
beforeSend: function()
{
$('#loading_contacts_1').html('<img src="' + base_url + 'uploads/default/loading.gif" width="28" height="28"/>');
},
success: function(data)
{
$('#loading_contacts').html(data.msg);
if (data.status == 'error') {
$('#loading_contacts_1').html('<div style="color: red">' + data.msg + '</div>');
} else {
$('#loading_contacts_1').html('<div style="color: green">' + data.msg + '</div>');

}
},
error: function(err)
{
alert("Ocurrió un error. Por favor inténtelo de nuevo.");
}
});
}

});

// contactenos
$('.form_contac_ajax').validate({
rules: {
name: {required: true, minlength: 2, maxlength: 100},
email: {required: true, email: true, maxlength: 100},
phone: {required: true, minlength: 5, maxlength: 30},
cell: {minlength: 10, maxlength: 30},
company: {maxlength: 100},
message: {required: true, maxlength: 455},
},
highlight: function(element) {
$(element).addClass('form_txt_error');
$(element).removeClass('error');
},
unhighlight: function(element) {
$(element).removeClass('form_txt_error');
},
focusInvalid: true,
onfocusout: false,
submitHandler: function(event)
{
llamadaAjaxContact('.form_contac_ajax'); // mandamos el nombre del formulario
}
});

// funcion de jquery donde recibimos el nombre del formulario
function llamadaAjaxContact(formname)
{
$.ajax({
url: $(formname).attr('action'),
type: 'POST',
dataType: 'json',
data: $(formname).serialize(),
beforeSend: function()
{
$('#loading_contacts').html('<img src="' + base_url + 'uploads/default/loading.gif" width="28" height="28"/>');
},
success: function(data)
{
$('#loading_contacts').html(data.msg);
if (data.status == 'error') {
$('#loading_contacts').html('<div style="color: red">' + data.msg + '</div>');
} else {
$('#loading_contacts').html('<div style="color: green">' + data.msg + '</div>');

}
},
error: function(err)
{
alert("Ocurrió un error. Por favor inténtelo de nuevo.");
}
});
}

});
$(document).ready(function() {

$(document).on("click ", ".destroy_item_contact", function(event) {
event.preventDefault();
var id_product = '#prd_' + $(this).data('id');
$.ajax({
url: $(this).data('url'),
type: 'POST',
beforeSend: function() {
// $('#content_product').html('<img src="' + base_url + 'uploads/default/loading.gif" width="28" height="28"/>');
},
success: function(data) {
if (data === '"exito"') {
$(id_product).remove();
} else {
alert('ha ocurrido un error intentelo denuevo.');
}
},
error: function(err) {
alert("Ocurrió un error. Por favor inténtelo de nuevo.");
}
});
});
});

joseherran · #7 (**permalink**) 11/09/2015, 14:08

este es el js el archivo que me valida los dos formularios

joseherran · #8 (**permalink**) 14/09/2015, 09:15

hola a todos por favor el que sepa arreglar este problema quedaría altamente agradecido de corazón enserio no les va a quitar una hora en colaborarme cualquier respuesta por favor en mi skype jose.luis.herran les mostrare el problema y me queda mejor explicarles hay gracias de verdad quedo atento cualquier respuesta

xfxstudios · #9 (**permalink**) 14/09/2015, 11:16

podrías hacer esto, aqui te dopy un ejemplo utilizando phpmailer para el envio, y los codigos de envio estan en la misma pagina pero se condicionan dependiendo de que formulario se este enviando, las validaciones de los campos las puedes hacer mediante una libreria sencilla jquery:

Código PHP:

Ver original<?php
//formulario trabaje
if(empty($_POST['trabaje'])){}//verifica si el formulario fue enviado
else{
    $nombre = $_POST['nombre'];
    $apellido = $_POST['apellido'];
    $email = $_POST['email'];
    
//se compone el mensaje
require("../config/class.phpmailer.php");
$mail1 = new PHPMailer();
//$mail->Host = "localhost";
$mail1->From = "[email protected]";
$mail1->FromName = "NUEVO CONTACTO";
$mail1->Subject = "Contacto de ".$nombre." ".$apellido;
$mail1->AddAddress("[email protected]", "PAGOS");
$mail1->AddBCC($email, "CLIENTE");
 
$body1 = "Contacto de <b>".$nombre." ".$apellido."</b>\n\n";
$body1 .= "<hr>";
$body1 .= $email;
$body1 .= "<hr>";
 
 
$mail1->Body = $body1;
 
$mail1->Send();
}
if($mail1){
    echo " 
                <script language='JavaScript'> 
                alert('Mensaje enviado'); 
                </script>";
} else{
    echo " 
                <script language='JavaScript'> 
                alert('Error al enviar'); 
                </script>";
}
?>
<?php
//formulario contacto
if(empty($_POST['contacto'])){}//verifica si el formulario fue enviado
else{
    $nombre = $_POST['nombre'];
    $apellido = $_POST['apellido'];
    $email = $_POST['email'];
    
//se compone el mensaje
require("../config/class.phpmailer.php");
$mail2 = new PHPMailer();
//$mail->Host = "localhost";
$mail2->From = "[email protected]";
$mail2->FromName = "NUEVO CONTACTO";
$mail2->Subject = "Contacto de ".$nombre." ".$apellido;
$mail2->AddAddress("[email protected]", "PAGOS");
$mail2->AddBCC($email, "CLIENTE");
 
$body2 = "Contacto de <b>".$nombre." ".$apellido."</b>\n\n";
$body2 .= "<hr>";
$body2 .= $email;
$body2 .= "<hr>";
 
 
$mail2->Body = $body2;
 
$mail2->Send();
}
if($mail2){
    echo " 
                <script language='JavaScript'> 
                alert('Mensaje enviado'); 
                </script>";
} else{
    echo " 
                <script language='JavaScript'> 
                alert('Error al enviar'); 
                </script>";
}
?>
 
<!--formulario 1-->
<form name="1" action="" method="post">
<label>Trabaje con Nosotros</label><br><br>
<input type="text" name="nombre" placeholder=" Nombre" required/>
<br><br>
<input type="text" name="apellido" placeholder=" Apellido" required/>
<br><br>
<input type="email" name="email" placeholder=" Email" required/>
<br><br>
<input type="submit" name="trabaje" value="Enviar"/>
</form>
 
<hr>
 
<!--formulario 2-->
<form name="1" action="" method="post">
<label>Contactenos</label>
<br><br>
<input type="text" name="nombre" placeholder=" Nombre" required/>
<br><br>
<input type="text" name="apellido" placeholder=" Apellido" required/>
<br><br>
<input type="email" name="email" placeholder=" Email" required/>
<br><br>
<input type="submit" name="contacto" value="Enviar"/>
</form>

joseherran · #10 (**permalink**) 14/09/2015, 13:01

muchas gracias probare este código y cualquier cosa vuelvo hablo

xfxstudios · #11 (**permalink**) 14/09/2015, 15:49

podrias intentar esto:

cabecera de tu web:

Código PHP:

Ver original<?php
//formulario trabaje
if(empty($_POST['trabaje'])){}//verifica si el formulario fue enviado
else{
    $nombre = $_POST['nombre'];
    $apellido = $_POST['apellido'];
    $email = $_POST['email'];
    
//se compone el mensaje
require("../config/class.phpmailer.php");
$mail1 = new PHPMailer();
//$mail->Host = "localhost";
$mail1->From = "[email protected]";
$mail1->FromName = "NUEVO CONTACTO";
$mail1->Subject = "Contacto de ".$nombre." ".$apellido;
$mail1->AddAddress("[email protected]", "PAGOS");
$mail1->AddBCC($email, "CLIENTE");
 
$body1 = "Contacto de <b>".$nombre." ".$apellido."</b>\n\n";
$body1 .= "<hr>";
$body1 .= $email;
$body1 .= "<hr>";
 
 
$mail1->Body = $body1;
 
$mail1->Send();
}
if($mail1){
    echo " 
                <script language='JavaScript'> 
                alert('Mensaje enviado'); 
                </script>";
} else{
    echo " 
                <script language='JavaScript'> 
                alert('Error al enviar'); 
                </script>";
}
?>
<?php
//formulario contacto
if(empty($_POST['contacto'])){}//verifica si el formulario fue enviado
else{
    $nombre = $_POST['nombre'];
    $apellido = $_POST['apellido'];
    $email = $_POST['email'];
    
//se compone el mensaje
require("../config/class.phpmailer.php");
$mail2 = new PHPMailer();
//$mail->Host = "localhost";
$mail2->From = "[email protected]";
$mail2->FromName = "NUEVO CONTACTO";
$mail2->Subject = "Contacto de ".$nombre." ".$apellido;
$mail2->AddAddress("[email protected]", "PAGOS");
$mail2->AddBCC($email, "CLIENTE");
 
$body2 = "Contacto de <b>".$nombre." ".$apellido."</b>\n\n";
$body2 .= "<hr>";
$body2 .= $email;
$body2 .= "<hr>";
 
 
$mail2->Body = $body2;
 
$mail2->Send();
}
if($mail2){
    echo " 
                <script language='JavaScript'> 
                alert('Mensaje enviado'); 
                </script>";
} else{
    echo " 
                <script language='JavaScript'> 
                alert('Error al enviar'); 
                </script>";
}
?>
<!DOCTYPE html>
<html lang="es">

tu formulario:

[HIGHLIGHT="HTML"]

<form action="" class="crud" enctype="multipart/form-data" method="post" accept-charset="utf-8">



<button type="submit" name="trabaje" value="Enviar" class="btn-primary enviarcontacto waves-button-input" name="btnAction">Enviar</button>

xfxstudios · #12 (**permalink**) 14/09/2015, 15:51

Recuerda que si quieres que el formulario sea procesado en la misma pagina debes colocar tu codigo php al inicio sin espacios ni nada y en los formularios el action dejarlo en blanco, en este caso debes colocarle el nombre a tu boton para que funcione, como el primer ejemplo que te coloque pero adaptado a tu codigo

joseherran · #13 (**permalink**) 14/09/2015, 16:21

listo ya adapte el fomulario pero cuando le doy enviar ya carga en el mismo index pero me borra lo que tiene en formulario y no envia nada que hay que poner hay para que el envie gracias

xfxstudios · #14 (**permalink**) 14/09/2015, 16:34

te pregunto, recuerda que el ejemplo esta hecho para utilizar phpmailer, descargaste la libreria????

en tal caso utiliza esto para el envío, pero mejor es phpmailer

joseherran · #15 (**permalink**) 15/09/2015, 07:28

ok vale voy a descargar la libreria entonces gracais por tu aporte

joseherran · #16 (**permalink**) 15/09/2015, 13:12

les cuento que no he podido organizar hice lo que me dijiste y me salio error sigo esperando mas respuestas o opciones que me ayuden a organizar este daño gracia