Javascript 联系方式+;jQuery验证引擎
我创建了这个联系人表单,插入jQuery fadeLabel和validationEngine来美化表单 文件index.php/.html(我还没有弄清楚两个版本中的哪个版本放了它) 脚本是 索引:Javascript 联系方式+;jQuery验证引擎,javascript,jquery,ajax,forms,jquery-validation-engine,Javascript,Jquery,Ajax,Forms,Jquery Validation Engine,我创建了这个联系人表单,插入jQuery fadeLabel和validationEngine来美化表单 文件index.php/.html(我还没有弄清楚两个版本中的哪个版本放了它) 脚本是 索引: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="/js/backtop.js"></script&g
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="/js/backtop.js"></script>
<script src="/js/fadeLabel.js"></script>
<script>
$(document).ready(function () {
$('form .fadeLabel').fadeLabel();
});
</script>
<script src="/js/validationEngine-it.js"></script>
<script src="/js/validationEngine.js"></script>
<script>
$(document).ready(function(){
$("#form_box").validationEngine({
ajaxSubmit: true,
ajaxSubmitFile: "contact.php",
ajaxSubmitMessage: "Thank you, We will contact you soon !",
success : false,
failure : function() {}
})
});
</script>
<script src="/js/contactform.js"></script>
jQuery似乎工作得很好,我想确保页面的格式没有更新,或者转到另一个页面(目前唯一有效的方法)
薪酬体现在以下问题上:
首先,您应该为表单标签指定
操作
和方法
:
<form id="form_box" method="post" action="contatti/contact.php">
在您的$.ajax()
提交中,数据设置不正确。请执行以下操作:
data: $('#form_box').serialize()
这是一个开始。为了得到答案,我郑重建议缩小你的问题范围。不要使用所有的控制器/视图集合,只需发布没有提供所需结果的部分即可。祝你好运你好,王尔德,非常感谢你的回答,请解释给你比我不明白你的意思更好吗?你好,同时,谢谢你的回答。通过您建议的更改,我收到了电子邮件,但是jQuery validationEngine不再工作,当我点击发送按钮时,总是弹出警报,我被重定向到带有空白的页面(…contact/contact.php)page@BigMad-我看不出有什么问题要帮你是不可能的。如果需要我的帮助,请与问题共享代码的运行版本。您可以在上找到的原始联系表单已添加了您以前的编辑。
$(document).ready(function() {
$(".send").click(function(){
$("#form_send").removeClass('hide');
$("#form_submit").addClass('hide');
$("#form_error").addClass('hide');
var name = $("#name").val();
var email = $("#email").val();
var website = $("#website").val();
var message = $("#message").val();
if (name == "" || email == "" ) {
$("#form_send").addClass('hide');
$("#form_error").removeClass('hide');
}
else {
$.ajax({
type: "POST",
url: "contatti/contact.php",
data: "name=" + name + "&email=" + email + "&message=" + message + "&website=" + website,
dataType: "html",
success: function(msg) {
$("#form_send").addClass('hide').delay(3000).fadeOut(3000);
$("#form_success").removeClass('hide');
$("#form_box").addClass('hide').slideUp(2000).fadeOut();
},
error: function() {
alert("An unexpected error occurred...");
}
});
}
}); //end form
});//end Dom
<form id="form_box" method="post" action="contatti/contact.php">
if (name == "" || email == "" ) {
$("#form_send").addClass('hide');
$("#form_error").removeClass('hide');
return false;
}
data: $('#form_box').serialize()