首先显示一个Div,然后在表单中第二次单击按钮时提交
Show a Div first and then Submit on second click of button in a form
我有一个表单,多个div具有相同的名称(full-width
)。他们都在同一水平上。其中一个是隐藏的(具有hide
类)。我想要的是,如果我选择提交,它不应该提交,首先隐藏隐藏div的所有兄弟div(在本例中为full-width
),并取消隐藏类hide
的div。
现在,当我再次按下,它应该只是提交表单。
- http://jsfiddle.net/xmqvx/2/你的代码有几个问题:
- 您使用
event.preventDefault
但将event
传递为e
-应该是e.preventDefault
- 你的ID选择器瞄准了一个不存在的ID(更改为
#submit-this
)
工作代码:
$("#submit-this").click(function (e) {
e.preventDefault();
if ($(".full-width").hasClass("hide")) {
$(".full-width").hide();
$(".full-width.hide").removeClass("hide").show();
} else {
alert("Submitting");
$("#this-form").submit();
}
});
http://jsfiddle.net/xmqvx/4/您还可以像这样利用JavaScript的闭包,以避免让您的行为依赖于您的UI:
$(document).ready(function () {
var alreadyClicked = false;
$("#submit-this").click(function (e) {
e.preventDefault();
if (alreadyClicked) {
$('#this-form').submit();
} else {
$('.full-width').hide();
$('.hide').show();
alreadyClicked = true;
}
});
});
相关文章:
- ajax表单在第二次提交时提交了两次,在第三次提交时又提交了三次,等等
- 当多个表单在同一页面中时,WTForms提交表单两次
- 使用 jquery $.ajax 提交表单 - 第一次提交
- JavaScript 在第二次提交请求时未验证表单
- 第二次单击(而不是第一次)时的 ng 表更改页面操作
- 在按钮第二次单击时删除追加的样式表
- 表单多次提交,尽管它被阻止了
- javascript表单第二次提交到错误的目标
- AngularJS -对同一个表单多次httpget
- 如何防止用户提交表单两次
- 搜索表单第一次没有通过
- 如何限制用户提交表单两次
- 当用户双击提交按钮时,需要避免向服务器提交表单两次
- 在PHP表单多次登录不工作
- 为什么link_to提交表单两次?
- jQuery验证提交表单两次
- jQuery绑定发送表单两次
- 不能用ajax提交我的表单两次
- 低调地提交Ajax表单两次
- jQuery的preventdefault在表单第二次提交时出错