javascript – 根据提交结果隐藏表单打开显示文本上的文本

首先,我为打开一个可能被某些人看作基本的问题而道歉,但是我自己学习这个问题,当我遇到困难时,这对我帮助很大,就像现在一样.

我有一个打开模态框的链接,然后我使用一些JQUERY和ajax来阻止模式在用户提交表单后关闭

提交前的图像1表格

提交后的图像2表格

我的问题

在image1中,打开模态时不应显示带圆圈的文本.

根据表单提交的结果,应显示image2中的文本,显示：

>成功提交
>提交不成功

HTML表格

 <div id="inline3" style="width:400px;display: none;">
        <h3>Withdraw</h3>
        <form name="withdrawForm" action="" id="withdraw-form" method"post">
        Amount<br /> <input type="text" name="amount" value="" /><br />
        <input type="submit" value="Withdraw" name="withdraw" class="buttono" />
        </form>
        <div class="form-Feedback">
        Thank You We will Get Back to you 
        </div>
         <div class="form-Feedback">
        Ooops....something Went Wrong
        </div>
       <div> 

JQUERY

$(function(){
    $("#withdraw-form").submit(function(e){
    e.preventDefault(); 

    $form = $(this);

    $.post(document.location.url, $(this).serialize(), function(data){
        $Feedback = $("<div>").html(data).find(".form-Feedback").hide();
        $form.prepend($Feedback)[0].reset();
        $Feedback.fadeIn(1500)
    })

    });
})

它可能值得一提,我正在使用模板盒的模板盒

如果有人能给我一些帮助,我可以修改我的代码以达到上述所需的结果,我们将不胜感激：

解决方法:

第一条消息上显示的消息是由您的HTML代码引起的

    <div class="form-Feedback">
    Thank You We will Get Back to you 
    </div>
     <div class="form-Feedback">
    Ooops....something Went Wrong
    </div>
   <div> 

表格之后.

并改变您的$反馈

$Feedback = $('<div></div>').html(data)