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