Как добавить всплывающее окно подтверждения на кнопку (действие GET POST в MVC)? - PullRequest
0 голосов
/ 17 июня 2010

У меня есть функция get / post / JSON на странице aspx. Эта страница добавляет данные, введенные в текстовое поле, в таблицу, заполненную JavaScript. Когда пользователь выбирает кнопку отправки. Если текстовое поле не пустое, используйте всплывающую кнопку, сообщающую пользователю, что данные в текстовом поле не сохранены в таблице. Как получить всплывающее окно подтверждения «ОК / Отмена» в действии публикации в контроллере? Я сделал краткое описание того, как выглядит мой код.

...
<%  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 ]

4 голосов
/ 17 июня 2010

Вы можете использовать событие 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, как для первой формы.

4 голосов
/ 17 июня 2010
<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...