申请表格以显示和隐藏元素,具体取决于是否提交

时间:2015-09-15 16:17:07

标签: javascript html forms

为长标题道歉。

我需要一个表单来根据不同的结果显示和隐藏元素。

所以,首先,我希望表单在检查表单时消失,并替换为gif加载图标(当前正在工作)

如果表单发送我希望它显示一个隐藏的div元素,最后如果表单没有发送我希望它显示另一个div元素,这是错误消息

   function applySubmit() {
    $("#ApplicationForm").hide();
    $("#ProgressBar").show();
    $("#applyForm").ajaxSubmit( {
    url: $("#applyForm").attr("action"),
    type: "POST",
    success: function (data) {
    $("#messageBox").html(data);
    $("#ProgressBar").hide();
    $("#success").show();
    }
    });
    return false;
    }

目前一切正常,但它会在页脚下克隆整个页面并仅显示progressbar

如果我能提供更多信息来帮助我,请告诉我! 感谢所有人和任何帮助!

我做了一个小提琴,但似乎在那里工作

JSFiddle

2 个答案:

答案 0 :(得分:0)

以下是您的代码部分工作

https://jsfiddle.net/DIRTY_SMITH/eeazvdgj/3/

    function applySubmit() {
        $("#ApplicationForm").hide();
        $("#progressbar").show();

        return false;
}

答案 1 :(得分:0)

试试这个

  $('form').on('submit',function(){
   if ($('form').valid()){
    $("#success").show();
   }
   else{
    $('#errors').show();
   }
  });