表单提交状态成功/失败

form submission status success/fail

本文关键字：失败 成功 提交状态 表单      更新时间：2023-09-26

我有一个非常简单的表单，像这样…

<form id="myform" enctype="multipart/form-data" action="/api/test/Post" method="post">
    <input name="file2" type="file" />
    <input type="text" name="text1" />
    <input type="submit" name="submit" value="click click" />
</form>

这反过来调用一个rest式服务，看起来像....

public void Post()
    {
        var httpRequest = HttpContext.Current.Request;
        string value1 = httpRequest .Form["text1"];
        //do stuff with the form data submitted
        var files = new List<string>();
        foreach(string file in httpRequest .Files)
        {
            var postfeild = httpRequest .Files[file];
            //do stuff
        }          
    }

当按下表单上的提交按钮时，页面将刷新。我想告诉用户他们的表单是否已经成功提交，如果有一个错误，或者重定向到另一个页面。

这有可能实现吗?我考虑过进行ajax调用并只发送经过字符串化处理的数据，但是，有文件会使事情变得复杂。

我可以通过c#或JavaScript做什么来达到预期的结果吗?

您可以在由于表单提交而重新加载页面后添加某种警告。您只需要在提交表单之前设置某种标志，并在显示消息后将其设置回来。它需要是一个服务器端标志，一个JS变量将被擦除。

你也可以用jQuery切换到AJAX，这样你就可以在不刷新页面的情况下提交表单。

我更喜欢通过AJAX POST并使用包含状态/消息的JSON对象进行响应。然而，如果你想保持它的经典，那么你必须注入一些javascript在加载时运行。

至于使用javascript web表单:(它已经有一段时间了，因为我已经使用它…)

pcode:

<% if ( someVariable == true ){  Response.Write("alert('successful update of blah');"); } %>
相关文章：