del campo peticion no me respeta los saltos de linea
y ya no se como hacerlo
form.php
Código PHP:
<div id="contact_form">
<h4> Formulario de contacto </h4>
<form name="contact" method="post" action="">
<div id="form_col_esquerra">
<label for="nombre" id="nombre_label">Nombre</label>
<input type="text" name="nombre" id="nombre" size="40" value="" tabindex="1" class="text-input" />
<label class="error" for="nombre" id="nombre_error">Este campo es requerido.</label>
<label for="telefono" id="telefono_label">Teléfono</label>
<input type="text" name="telefono" id="telefono" size="40" value="" tabindex="3"class="text-input" />
<label class="error" for="telefono" id="telefono_error">Este campo es requerido.</label>
<label for="poblacion" id="poblacion_label">Población</label>
<input type="text" name="poblacion" id="poblacion" size="40" value="" tabindex="5" class="text-input" />
<label class="error" for="poblacion" id="poblacion_error">Este campo es requerido.</label>
<label for="empresa" id="empresa_label">Empresa</label>
<input type="text" name="empresa" id="empresa" size="40" value="" tabindex="7" class="text-input" />
<label class="error" for="empresa" id="empresa_error">Este campo es requerido.</label>
</div>
<div id="form_col_dreta">
<label for="apellidos" id="apellidos_label">Apellidos</label>
<input type="text" name="apellidos" id="apellidos" size="40" value="" tabindex="2" class="text-input" />
<label class="error" for="apellidos" id="apellidos_error">Este campo es requerido.</label>
<label for="email_f" id="email_f_label">Email</label>
<input type="text" name="email_f" id="email_f" size="40" value="" tabindex="4" class="text-input" />
<label class="error" for="email_f" id="email_f_error">Este campo es requerido.</label>
<label for="provincia" id="provincia_label">Priovincia</label>
<input type="text" name="provincia" id="provincia" size="40" value="" tabindex="6" class="text-input" />
<label class="error" for="provincia" id="provincia_error">Este campo es requerido.</label>
<label for="cargo" id="cargo_label">Cargo</label>
<input type="text" name="cargo" id="cargo" size="40" value="" tabindex="8" class="text-input" />
<label class="error" for="cargo" id="cargo_error">Este campo es requerido.</label>
</div>
<div class="neteja_sota" style="width:100%; height:5px;"></div>
<label for="peticion" id="peticion_label">Petición</label>
<textarea name="peticion" cols="75" rows="6" id="peticion" tabindex="9" class="text-input"></textarea>
<input type="submit" name="submit" class="button" id="submit_btn" tabindex="10" value="Envia" />
</form>
</div>
Código PHP:
$(function(){
$('.error').hide();
$('.text-input').css({backgroundColor:"#FFFFFF"});
$('.text-input').focus(function(){
$(this).css({backgroundColor:"#F2F2F2"});
});
$('.text-input').blur(function(){
$(this).css({backgroundColor:"#FFFFFF"});
});
$(".button").click(function() {
$('.error').hide();
var nombre = $("input#nombre").val();
if (nombre == "") {
$("label#nombre_error").show();
$("input#nombre").focus();
return false;
}
var apellidos = $("input#apellidos").val();
if (apellidos == "") {
$("label#apellidos_error").show();
$("input#apellidos").focus();
return false;
}
var telefono = $("input#telefono").val();
if (telefono == "") {
$("label#telefono_error").show();
$("input#telefono").focus();
return false;
}
var email = $("input#email_f").val();
if (email == "") {
$("label#email_f_error").show();
$("input#email_f").focus();
return false;
}
var poblacion = $("input#poblacion").val();
if (poblacion == "") {
$("label#poblacion_error").show();
$("input#poblacion").focus();
return false;
}
var provincia = $("input#provincia").val();
if (provincia == "") {
$("label#provincia_error").show();
$("input#provincia").focus();
return false;
}
var empresa = $("input#empresa").val();
if (empresa == "") {
$("label#empresa_error").show();
$("input#empresa").focus();
return false;
}
var cargo = $("input#cargo").val();
if (cargo == "") {
$("label#cargo_error").show();
$("input#cargo").focus();
return false;
}
var peticion = $("textarea#peticion").val();
//var dataString = 'nombre='+ nombre + '&email=' + email + '&phone=' + phone;
var dataString = 'nombre='+ nombre + '&apellidos=' + apellidos + '&telefono='+ telefono + '&email='+ email + '&poblacion='+ poblacion + '&provincia='+ provincia + '&empresa='+ empresa + '&cargo='+ cargo + '&peticion='+ peticion;
//var dataString = 'nombre='+ nombre + '&apellidos=' + apellidos + '&telefono='+ telefono + '&email='+ email+ '&poblacion='+ poblacion + '&provincia='+ provincia + '&empresa='+ empresa + '&cargo='+ cargo + '&peticion='+ peticion;
//alert (dataString);return false;
$.ajax({
type: "POST",
dataType: "html",
url: "bin/process.php",
data: dataString,
success: function() {
$('#contact_form').html("<div id='message'></div>");
$('#message').html("<h2>Datos Enviados!</h2>")
.append("<p>Pronto nos pondremos en contacto.<br /><br /> <b>Gracias</b></p>")
.hide()
.fadeIn(1500, function() {
$('#message').append("<img id='checkmark' src='imatges/check.png' />");
});
}
});
// termina el ajax
return false;
});
});
runOnLoad(function(){
$("input#nombre").select().focus();
});
