我有一些问题,增加了验证码到我jQuery的AJAX形式。添加验证码这个jQuery的AJAX形式
我曾尝试文档以下,特别this page,但没有运气。
如果我使用“挑战和非JavaScript API”,在发送按钮之前添加代码 ,我没有输出。
如果我试图用所谓的“AJAX API”将表单内的自定义DIV的方法 ,我没有得到任何 反正。基本上我无法显示并验证 它。
这是我到目前为止的代码。
我的形式:
![contact](img/contact-form.png)
Name: Need the name
Email: Need emailEmail not valid.
Message:
Send
我的脚本:
jQuery(document).ready(function ($) {
$('#send').click(function(){
$('.error').fadeOut('slow'); // Resetta i messaggi di errore, nascondendoli
var error = false;
var name = $('input#name').val();
if (name == "" || name == " ") {
$('#err-name').fadeIn('slow');
error = true;
}
var email_compare = /^([a-z0-9_.-]+)@([da-z.-]+).([a-z.]{2,6})$/;
var email = $('input#email').val();
if (email == "" || email == " ") {
$('#err-email').fadeIn('slow');
error = true;
} else if (!email_compare.test(email)) {
$('#err-emailvld').fadeIn('slow');
error = true;
}
if (error == true) {
$('#err-form').slideDown('slow');
return false;
}
var data_string = $('#ajax-form').serialize();
$.ajax({
type: "POST",
url: $('#ajax-form').attr('action'),
data: data_string,
timeout: 6000,
error: function(request, error) {
if (error == "timeout") {
$('#err-timedout').slideDown('slow');
} else {
$('#err-state').slideDown('slow');
$('#err-state').html('C\'è stato un errore: ' + error + '');
}
},
success: function() {
$('ajax-form').slideUp('slow');
$('#ajaxsuccess').slideDown('slow');
}
});
return false;
});
});
还拥有PHP函数PHP文件,发送电子邮件,但我不认为这是多重要的实际。如果有人能给我任何帮助来实现这一点,我会非常喜欢。非常感谢!