用一个提交按钮(JSON)提交两个表单
Submit two forms with single submit button (JSON)
我有两个表单,一个在主页上,另一个在iframe中。我想用一个提交按钮同时提交两个。
这是在主页上的一个:
<form id="loginForm" method="post" action="http://www.example.com/" >
<div class='hiddenFields'>
<input type="hidden" name="visitor_action" value="login" />
<input type="hidden" name="RET" value="http://www.example.com" />
<input type="hidden" name="site_id" value="1" />
<input type="hidden" name="csrf_token" value="2129d6db6941fc2f95b854720f77134f7753d1d7" />
</div>
<div id="sign_up_form">
<label>E-mail: <input type="text" name="username" id="username"/></label>
<div id="actions">
<input name="submit" type="submit" value="Sign In" />
</div>
<div id="login-error"></div>
</div>
</form>
Ajax/Json部分:$(document).ready(function(){
$('#loginForm').ajaxForm({
dataType: 'json',
success: function(data) {
if (data.success) {
window.location.replace("/cabinet/");
} else {
$('#login-error').delay(500).fadeIn('slow').html(data.errors.login);
$('#login-error').delay(2500).fadeOut('slow');
}
}
});
});
和IFRAME:
<iframe src="/manager/" id="cabinetz" name="myframe" frameborder="0" width="100%" scrolling="no"></iframe>
IFRAME内的表单id为"myform"。
如何修改json部分同时提交两个表单?
没有测试过,但是尝试用类设置一个按钮,为每个表单设置提交处理程序,然后在两个表单上触发$.submit()
。
<button class="do-forms">Submit</button>
$( ".do-forms" ).click(function() {
$("#loginForm").submit(function() {
// do ajax call
});
$("#myform").submit(function() {
// do ajax call
});
$( "#loginForm" ).submit();
$( "#myform" ).submit();
});
创建按钮并指定ID
Jquery代码$(document).ready(function () {
$('#loginForm').ajaxForm({
dataType: 'json',
success: function (data) {
if (data.success) {
window.location.replace("/cabinet/");
} else {
$('#login-error').delay(500).fadeIn('slow').html(data.errors.login);
$('#login-error').delay(2500).fadeOut('slow');
}
}
});
//ajax form method for second form
$('#myform').ajaxForm(function () {
alert("second form reponse");
});
//click event for submitting both form
$("#testbutton").on('click', function () {
$('#loginForm').submit();
$('#myform').submit();
});
});
这里是一个演示相同的情况,但没有iframe
相关文章:
- Jquery提交表单而不刷新
- 如何在提交表单时将PHP变量传递到Javascript cookie中
- 每次提交表单时都会重新加载网页
- Razor中的自动提交表单
- 使用 JavaScript 自动提交表单
- 点击相同的按钮打开模型,然后提交表单
- 添加和删除隐藏字段数组中的值,而不提交表单
- 使用Ajax提交表单
- jQuery:使用“jQuery验证”后无法提交表单's远程验证
- 如何在不重新加载的情况下提交表单,并使用Node+Express将数据传递回同一页面
- 有登录表单时无法提交表单
- 带有select的jquery提交表单不起作用
- 如何防止回车键提交表单,但仍然允许回车工作
- 使用按钮和单选按钮提交表单,但始终使用相同的值
- 在提交表单之前确定重复值
- 如何创建动态ajax提交表单
- HTML提交表单,同时包含空字段检查和按钮隐藏
- 如何使用jQueryAjax使用动态html输入texbox提交表单
- 当触发下拉列表的onchange事件时,使用JavaScript提交表单
- 提交表单后,Watir文本框输入未持续(重置为以前的文本框输入)