Jquery Return";“成功”;表格提交后的信息

Jquery Return";“成功”;表格提交后的信息,jquery,validation,callback,Jquery,Validation,Callback,我试图在jquery电子邮件验证和表单提交成功后返回一条“谢谢”消息。我想显示“谢谢”消息,并阻止页面重定向到操作url,但仍处理数据服务器端。在研究过程中,我认为Jquery回调听起来不错,但需要更多的指导,因为我发现的示例有点到处都是。有人能提供一些意见吗 $("#emailsignup_form").validate(); }); $('#submitemail').click(function() { app.ajax.load({ reqName : 'em

我试图在jquery电子邮件验证和表单提交成功后返回一条“谢谢”消息。我想显示“谢谢”消息,并阻止页面重定向到操作url,但仍处理数据服务器端。在研究过程中,我认为Jquery回调听起来不错,但需要更多的指导,因为我发现的示例有点到处都是。有人能提供一些意见吗

$("#emailsignup_form").validate();
});

$('#submitemail').click(function() {
    app.ajax.load({
         reqName : 'emailSubmit',
         url: "$httpUrl('Bronto-OptIn')$?email=" + $('#email').val(), 
         selector : '#emailbox',
         callback: function(responseText, textStatus) { }
return false;
    }
});

<form id="emailsignup_form" method="post" action="$httpUrl('Bronto-OptIn', 'fid', 'information')$">
<input id="cemail" name="email" size="25"  class="required email" />
<input class="submit" id="submitemail" type="submit" value="Submit"/>
</form>
<div id="emailbox"></div>
$(“#emailsignup_form”).validate();
});
$(“#提交邮件”)。单击(函数(){
app.ajax.load({
reqName:“emailSubmit”,
url:$httpUrl('Bronto-OptIn')$?email=“+$('#email').val(),
选择器:“#邮箱”,
回调:函数(responseText,textStatus){}
返回false;
}
});

假设您添加了一个
div
来显示帖子的结果

<form id="emailsignup_form" method="post" action="">
    <input id="cemail" name="email" size="25"  class="required email" />
    <input class="submit" id="submitemail" type="submit" value="Submit"/>
</form>
<div id="postresult">
</div>

通过将上述代码修改为:

$('#emailsignup_form').validate({
    rules: {
        email: {
            required: true,
            email: true
        }
    },
    messages: {
        email: {
            required: "this is required",
            email: "this must be a valid email"
        }
    },
    submitHandler: function (form) {
        app.ajax.load({
        reqName : 'emailSubmit',
        url: "$httpUrl('Bronto-OptIn')$?email=" + $('#email').val(), 
        selector : '#emailbox',
        callback: function(responseText, textStatus) {  }
        });
        return false;
    }
});
});

<div id="emailbox">
<form id="emailsignup_form" name="emailsignup_form" method="post" action="">
<input type="text" name="email" id="email" />
<input type="submit" name="submitemail" id="submitemail" value="Submit" />
</form>
</div>
$('emailsignup_form')。验证({
规则:{
电邮:{
要求:正确,
电子邮件:真的
}
},
信息:{
电邮:{
必需:“这是必需的”,
电子邮件:“这必须是一封有效的电子邮件”
}
},
submitHandler:函数(表单){
app.ajax.load({
reqName:“emailSubmit”,
url:$httpUrl('Bronto-OptIn')$?email=“+$('#email').val(),
选择器:“#邮箱”,
回调:函数(responseText,textStatus){}
});
返回false;
}
});
});

您需要的是ajax!在target.php中创建cookie,并在主页上显示cookie是否已设置,alter你好,我正在尝试使用Ajax来实现这一点。对不起,我应该在上面提到。我正在编辑上面的代码以显示。我绞尽脑汁想解决这个问题已经好几个星期了@答案正好说明了这一点
$.post
是jQuery ajax函数的简写。你看了我在答案中给出的链接了吗?我不知道那是一个链接。现在读。
$('#emailsignup_form').validate({
    rules: {
        email: {
            required: true,
            email: true
        }
    },
    messages: {
        email: {
            required: "this is required",
            email: "this must be a valid email"
        }
    },
    submitHandler: function (form) {
        app.ajax.load({
        reqName : 'emailSubmit',
        url: "$httpUrl('Bronto-OptIn')$?email=" + $('#email').val(), 
        selector : '#emailbox',
        callback: function(responseText, textStatus) {  }
        });
        return false;
    }
});
});

<div id="emailbox">
<form id="emailsignup_form" name="emailsignup_form" method="post" action="">
<input type="text" name="email" id="email" />
<input type="submit" name="submitemail" id="submitemail" value="Submit" />
</form>
</div>