Validação de firmulário de envio de email

[monteirof7 1]

Olá pessoal, não entendo nada de JS e estou usando um arquivo JS do bootstrap para validar um formulario de envio de email. Porém gostaria de fazer com que dois inputs nao fossem obrigatorios para o envio do email (quando nao preencho eles o email nao chega). As variaveis desses inputs são date1, date2 e message.

Vcs me ajudando ate ai seria ótimo, mas se puderem me ajudar a deixar os inputs date1 e date2 obrigatorios caso nao utilize o input message e vice versa ficarei ainda mais agradecido.

OBS: Como n conheço de JS e nao sei quais partes sao importantes para resolver meu problema, estou deixando o codigo completo.

Agradeço desde já.

/*

Jquery Validation using jqBootstrapValidation

example is taken from jqBootstrapValidation docs

*/

$(function() {


$("input,textarea").jqBootstrapValidation({

preventSubmit: true,

submitError: function($form, event, errors) {

// something to have when submit produces an error ?

// Not decided if I need it yet

},

submitSuccess: function($form, event) {

event.preventDefault(); // prevent default submit behaviour

// get values from FORM

var name = $("input#name").val();

var phone = $("input#phone").val();

var email = $("input#email").val();

            var date1 = $("input#date1").val();

            var date2 = $("input#date2").val();

var message = $("textarea#message").val();

var firstName = name; // For Success/Failure Message

// Check for white space in name for Success/Fail message

if (firstName.indexOf(' ') >= 0) {

firstName = name.split(' ').slice(0, -1).join(' ');

}

$.ajax({

                url: "bin/contact_me.php",

type: "POST",

data: {

name: name,

phone: phone,

email: email,

                    date1: date1,

                    date2: date2,

message: message

},

cache: false,

success: function() {

// 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>Sua mensagem foi enviada. </strong>");

$('#success > .alert-success')

.append('</div>');


//clear all fields

$('#contactForm').trigger("reset");

},

error: function() {

// 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>Sorry " + firstName + " Parece que não está funcionando...</strong> Você poderia enviar um email direto para <a href='mailto:contato@buziosviagens.com'>contato@buziosviagens.com</a> ? Desculpe pela inconveniência.");

$('#success > .alert-danger').append('</div>');

//clear all fields

$('#contactForm').trigger("reset");

},

})

},

filter: function() {

return $(this).is(":visible");

},

});


$("a[data-toggle=\"tab\"]").click(function(e) {

e.preventDefault();

$(this).tab("show");

});

});



/*When clicking on Full hide fail/success boxes */

$('#name').focus(function() {

$('#success').html('');

});

[Emet 6]

Por que não usa [inline]HTML[/inline] para fazer a verificação de preenchimento dos campos com o atributo [inline]REQUIRED[/inline] ?

 

Exemplo:

<form action="#">
  <input type="date" required>
  <input type="submit">
</form>

JSBIN: http://jsbin.com/cemuvozezi/1/

 

OBS: Submeta a data sem selecionar e veja o aviso de preenchimento obrigatório.

[monteirof7 1]

O formulário veio com esse required, eu o retirei das partes (date1, date2, message) que nao seriam obrigatórias. Mas quando faço isso ele diz que a mensagem foi enviada com sucesso, mas n chega nada no email. O problema deve ser com esse arquivo de validação JS.

[Emet 6]

Ou no PHP.

[monteirof7 1]

Vou deixar meu código em PHP aqui:

<?php
// check if fields passed are empty
if(empty($_POST['name'])  		||
   empty($_POST['phone']) 		||
   empty($_POST['email']) 		||
   empty($_POST['date1'])		||
   empty($_POST['date2'])		||
   empty($_POST['message'])	||
   !filter_var($_POST['email'],FILTER_VALIDATE_EMAIL))
   {
	echo "No arguments Provided!";
	return false;
   }
$name = $_POST['name'];
$phone = $_POST['phone'];
$email_address = $_POST['email'];
$date = $_POST['date1'];
$date = $_POST['date2'];
$message = $_POST['message'];
	
// create email body and send it	
$to = 'meuemail@xxxx.com'; // PUT YOUR EMAIL ADDRESS HERE
$email_subject = "assunto da mensagem"; // EDIT THE EMAIL SUBJECT LINE HERE
$email_body = "Você recebeu uma nova mensagem do site XXX\n\n"."Aqui estão os detalhes:\n\nNome: $name\n\nTelefone: $phone\n\nData de Chegada: $date1\n\nData de Saída: $date2\n\nEmail: $email_address\n\nMensagem:\n$message";
$headers = "From: $email_address\n";
$headers .= "Reply-To: $email_address";	
mail($to,$email_subject,$email_body,$headers);
return true;			
?>

Pois é, deve ser no PHP mesmo!

 

Logo no topo:

 

"Check if fields passed are empty"

 

Será que excluindo o date1, date2 e message desse IF vai fazer funcionar?

Vou testar aqui

Era isso mesmo, o problema era no PHP.

Bobeira minha. Apesar de nao conhecer da linguagem era pra ter dado uma checada.

Obrigado