AJAX e jQuery validam o problema
Então eu fiquei preso neste beco sem saída. Eu tenho o script AJAX e o plug-in de validação jQuery. Com esse script, quando minha página carrega, o formulário de contato vazio é enviado automaticamente. Se eu mover ou adicionar$('#submit').click(function () {
sobre a parte do script AJAX, logo abaixo$(document).ready(function() {
em seguida, ao enviar, ignora meu formulário de validaçã
Qualquer ajuda será muito apreciada
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type='text/javascript' src='http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js'></script>
<script>
var captcha_a = Math.ceil(Math.random() * 10);
var captcha_b = Math.ceil(Math.random() * 10);
var captcha_c = captcha_a + captcha_b;
function generate_captcha(id){
var id = (id) ? id : 'lcaptcha';
$("#"+id).html(captcha_a + " + " + captcha_b + " = ");
}
$(document).ready(function() {
$('#submit').click(function () {
jQuery.validator.addMethod("math",
function(value, element, params) { return this.optional(element) || value == params[0] + params[1]; },
jQuery.format("Please enter the correct value for {0} + {1}")
);
$("#commentform").validate({
rules: {
captcha: {
math: [captcha_a, captcha_b]
}
}
});
});
})
</script>
<script>
$(document).ready(function() {
var name = $('input[name=name]');
var phone = $('input[name=phone]');
var email = $('input[name=email]');
var reason = $('select[name=reason]');
var info = $('textarea[name=info]');
var data = 'name=' + name.val() + '&phone=' + phone.val() + '&email=' + email.val() +'&reason=' + reason.val() + '&info=' + encodeURIComponent(info.val());
$('.loading').show();
$.ajax({
url: "ajaxformtoemail.php",
type: "GET",
data: data,
cache: false,
success: function (html) {
if (html==1) {
$('.form').fadeOut('slow');
$('.done').fadeIn('slow');
} else alert('Sorry, unexpected error. Please try again later.');
}
});
return false;
});
</script>