Javascript 基金会坚持刷新页面,即使我有假

Javascript 基金会坚持刷新页面,即使我有假,javascript,jquery,ajax,forms,zurb-foundation,Javascript,Jquery,Ajax,Forms,Zurb Foundation,这伤了我的头!所以,首先,我要说的是我爱基金会!但我在遵守和提交表格方面有问题。这是我的联系方式代码 $("#myForm").on('valid', function(e){ e.preventDefault(); var name = $("input#name").val(); var email = $("input#email").val(); var msg = $("textarea#message").

这伤了我的头!所以,首先,我要说的是我爱基金会!但我在遵守和提交表格方面有问题。这是我的联系方式代码

 $("#myForm").on('valid', function(e){
           e.preventDefault();
         var name = $("input#name").val();
         var email = $("input#email").val();
         var msg = $("textarea#message").val();

         var dataString = 'name=' + name +
         '&email=' + email +
         '&msg=' + msg;

         $.ajax({
            type:"POST",
            url:"php/mail.php",
            data: dataString,
            success: function(){
               $(".contactform").html("<div id = 'thanks'></div>");
            $('#thanks').html("<h2>Thanks</h2>")
               .append("<p> Dear " + name + " I will contact you soon </p>")
               .hide()
               .fadeIn(1500);
         }
         });
    return false;
      });
$(“#myForm”).on('valid',函数(e){
e、 预防默认值();
变量名称=$(“输入名称”).val();
var email=$(“输入电子邮件”).val();
var msg=$(“textarea#message”).val();
var dataString='name='+name+
“&email=”+电子邮件+
“&msg=”+msg;
$.ajax({
类型:“POST”,
url:“php/mail.php”,
数据:dataString,
成功:函数(){
$(“.contactform”).html(“”);
$(“#谢谢”).html(“谢谢”)
.append(“亲爱的”+name+“我很快就会与您联系”

) .hide() .fadeIn(1500); } }); 返回false; });
我用了一个在线视频教程。问题是,当我点击submit时,它会刷新页面,即使我在其中包含了returnfalse。但这就是它变得奇怪的地方。。。如果我从我的页面中取出Jquery,那么联系人表单脚本工作得很好,但是,我需要Jquery功能来为我的页面中的插件提供功能。我也去了github并在页面上修改了文件,但仍然没有成功。如果你想看看我的页面,了解一下上下文,就在这里

www.siddigzeidan.com/app


提前非常感谢

代码中的问题是,您是在#myForm的有效事件上做出反应,而不是在提交事件上。如果你查看Base.abId.js,你就会明白我的意思。< /P> 要解决问题,您必须将代码移动到提交事件:

错误:

$("#myForm").on('valid', function(e){
$("#myForm").on('submit', function(e){
右侧:

$("#myForm").on('valid', function(e){
$("#myForm").on('submit', function(e){
还有一个很好的提示,在以下位置同时匹配所有三个事件valid invalid submit:


代码中的问题是,您是在#myForm的有效事件上做出反应,而不是在提交事件上。如果你查看Base.abId.js,你就会明白我的意思。< /P> 要解决问题,您必须将代码移动到提交事件:

错误:

$("#myForm").on('valid', function(e){
$("#myForm").on('submit', function(e){
右侧:

$("#myForm").on('valid', function(e){
$("#myForm").on('submit', function(e){
还有一个很好的提示,在以下位置同时匹配所有三个事件valid invalid submit:


代码中的问题是,您是在#myForm的有效事件上做出反应,而不是在提交事件上。如果你查看Base.abId.js,你就会明白我的意思。< /P> 要解决问题,您必须将代码移动到提交事件:

错误:

$("#myForm").on('valid', function(e){
$("#myForm").on('submit', function(e){
右侧:

$("#myForm").on('valid', function(e){
$("#myForm").on('submit', function(e){
还有一个很好的提示,在以下位置同时匹配所有三个事件valid invalid submit:


代码中的问题是,您是在#myForm的有效事件上做出反应,而不是在提交事件上。如果你查看Base.abId.js,你就会明白我的意思。< /P> 要解决问题,您必须将代码移动到提交事件:

错误:

$("#myForm").on('valid', function(e){
$("#myForm").on('submit', function(e){
右侧:

$("#myForm").on('valid', function(e){
$("#myForm").on('submit', function(e){
还有一个很好的提示,在以下位置同时匹配所有三个事件valid invalid submit: