javascript - 首先显示 Div，然后在表单中第二次单击按钮时提交

Question

我有一个包含多个具有相同名称的 div 的表单(全 Angular )。他们都处于同一水平。其中之一是隐藏的(使用hide类)。我想要的是，如果我选择提交，它不应该提交，首先隐藏隐藏div的所有兄弟div(在本例中为全 Angular )并取消隐藏具有类的div隐藏。

现在，当我再次按下时，它应该只提交表单。

JSFiddle 在这里:- http://jsfiddle.net/xmqvx/2/

Answer 1

您的代码有几个问题:

1. 您使用了 event.preventDefault，但将 event 作为 e 传入 - 应为 e.preventDefault<
2. 您的 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/