代码之家  ›  专栏  ›  技术社区  ›  MrM

如何在按钮上添加确认弹出窗口(MVC中的get post action)?

  •  0
  • MrM  · 技术社区  · 14 年前

    我在ASPX页面上有一个get/post/json函数。此页将在文本框中输入的数据添加到由javascript填充的表中。当用户选择提交按钮时。如果文本框不是空的,则弹出一个按钮,告诉用户文本框中的数据没有保存在表中。如何在控制器中的Post操作上显示确认“确定/取消”弹出窗口? 我快速总结了代码的外观。

    ...
    <%  using (Html.BeginForm("AddName", "Name", FormMethod.Post, new { id = "AddNameForm" })) { %>
    ...
    <table id="displayNameTable" width= "100%">                        
        <tr>
            <th colspan="3">Names Already Added</th>
        </tr>
        <tr>
            <td style="font-size:smaller;" class="name"></td>
        </tr>
    </table>  
    ...
    <input name="Name" id="txtInjuryName" type="text" value="<%=test.Name %>" />
    ...
    <input type="submit" name="add" value="Add"/>
    <% } %>
    <form id="form1" runat="server">
               string confirmNext = "";
        if (test.Name == "")
        {
           confirmNext = "return confirm('It seems you have a name not added.\n\nAre Continue?')";
        }%>
        <input type="submit" name="getNext" value="Next" onclick="<%=confirmNext%>" />
    </form>
    
    2 回复  |  直到 14 年前
        1
  •  4
  •   Gregoire    14 年前
    <script type="text/javascript">
    
        $(document).ready(function(){ $("#form1").bind("submit", function(){ 
             if(!confirm('It seems you have a name not added.\n\nAre Continue?')) 
                   return false;   
             });}          
         });
    
    </script>
    
        2
  •  4
  •   Darin Dimitrov    14 年前

    你可以用表格 onsubmit 事件:

    <form id="form1" onsubmit="return confirm('It seems you have a name not added.\n\nAre Continue?')">
        <input type="submit" name="getNext" value="Next" />
    </form>
    

    还为什么 runat="server" 在ASP.NET MVC应用程序中?您也可以考虑指定 action 此表单将发布到并使用 Html.BeginForm 帮你做第一张表格。