Tenho o formulário a enviar/funcionar perfeito com os demais campos, porém não consigo receber as seleções do checkbox. Preciso de ajuda para receber/manipular no php:
O HTML:
<div class="input-group">
<label for="servicos">NECESSITA EMBALAGENS?</label>
<div class="checkbox">
<label><input type="checkbox" value="1" name="servicos">Pelicula Aderente</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="2" name="servicos">Cartão Canelado</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="3" name="servicos">Caixa Cartão</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="4" name="servicos">Plástico Bolha</label>
</div>
</div>
O .JS :
$(function() {
$("input,textarea").jqBootstrapValidation({
preventSubmit: true,
submitError: function($form, event, errors) {
// additional error messages or events
},
submitSuccess: function($form, event) {
event.preventDefault(); // prevent default submit behaviour
// get values from FORM
var nome = $("#nome").val();
var email = $("#email").val();
var telefone = $("#telefone").val();
var origem = $("#origem").val();
var destino = $("#destino").val();
var data_prevista = $("#data_prevista").val();
var plano = $("#plano").val();
var arr = [];
$("input:checkbox[name=servicos]:checked").each(function() {
arr.push($(this).val());
});
var como = $("#como").val();
var descricao = $("#descricao").val();
var Nome = nome; // For Success/Failure Message
// Check for white space in name for Success/Fail message
if (Nome.indexOf(' ') >= 0) {
Nome = nome.split(' ').slice(0, -1).join(' ');
}
$.ajax({
url: "././mail/contact_me.php",
type: "POST",
dataType: 'json',
data: {
nome: nome,
email: email,
telefone: telefone,
origem: origem,
destino: destino,
data_prevista: data_prevista,
plano: plano,
servicos: arr,
como: como,
descricao: descricao
},
cache: false,
success: function(data) {
if (data.error) {
// Fail message
$('#success').html("<div class='alert alert-danger'>");
$('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×").append("</button>");
$('#success > .alert-danger').append("<strong>Prezado(a) " + Nome + ", algo não está certo. Por favor, tente novamente.");
$('#success > .alert-danger').append('</div>');
//clear all fields
$('#orcamento').trigger("reset");
} else if (data.success) {
// Success message
$('#success').html("<div class='alert alert-success'>");
$('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×").append("</button>");
$('#success > .alert-success').append("<strong>Prezado(a) " + Nome + ", sua mensagem foi enviada. Nós entraremos em contato consigo!</strong>");
$('#success > .alert-success').append('</div>');
//clear all fields
$('#orcamento').trigger("reset");
}
}
})
},
filter: function() {
return $(this).is(":visible");
},
});
});
/*When clicking on Full hide fail/success boxes */
$('#nome').focus(function() {
$('#success').html('');
});
O PHP:
$nome = test_input($_POST['nome']);
$email = test_input($_POST['email']);
$telefone = test_input($_POST['telefone']);
$origem = test_input($_POST['origem']);
$destino = test_input($_POST['destino']);
$data_prevista = test_input($_POST['data_prevista']);
$plano = test_input($_POST['plano']);
$servicos = test_input($_POST['servicos']);
$como = test_input($_POST['como']);
$descricao = test_input($_POST['descricao']);
Creio que o código está tudo certo, tanto o html quanto o js. O problema é a recepção e criação da variável ou array (não percebo), no php. Ajudem-me?