如果成功,点击HTML按钮应隐藏表单

时间:2016-09-14 09:14:25

标签: c# jquery json button

我有以下cshtml:

using (Html.BeginForm(MVC.ProbleemRapport.ActionNames.Form, MVC.ProbleemRapport.Name, FormMethod.Post, new { id = "probleemForm" }))
    {

                <button type="submit" id="verzendenBtn"  class="btn actie" title="@StartSchermResource.BtnSend">@StartSchermResource.BtnSend</button>
    }

我有一个jquery执行以下操作:

$('#verzendenBtn').click(function () {

        $('#probleemForm').find('.error').remove();

        // do some validation

        if (value === false) {
            return value;
        }

    });

现在,当我点击我的按钮时,验证工作正常。 但是当一切都完成并且帖子发生在控制器上时,我得到一个json结果。这是正常的,因为我的动作返回的json结果包含&#34; true&#34; &#34; false&#34;。

当结果为&#34; true&#34;时,我需要隐藏表单。 当结果为&#34; false&#34;时,我需要隐藏表单并显示出错的信息。

但现在唯一发生的事情就是我得到了打开json的请求。

我忘了什么?

1 个答案:

答案 0 :(得分:0)

您应该可以$('#probleemForm').hide();,如果您想再次展示,只需将hide()更改为show()

为邮件创建类似<div id="myMessage"/>

的内容

然后在$('#myMessage').val("something went wrong")这将保持形式开放。如果您想关闭表单,可以使用标准@URl.Action并重定向,或者只需执行一个简单的Javascript alert('error messsage')