Проблема в диалоговом окне подтверждения JQuery внутри формы submit

Question

В диалоговом окне JQuery у меня есть четыре поля. При нажатии на кнопку Save я должен проверить и подтвердить следующие

1. Validate все обязательные поля (On представить в форме с использованием validate.js и unobstrusive.js)
2. Проверьте значение выпадающего списка, и если это частичного типа, т. е. (избыточное), показать пользователю диалоговое окно подтверждения.
3. Если пользователь подтвердить, нажав кнопку Да, а затем закройте диалоговое окно подтверждения и вызвать Ajax

Но проблема в том, когда я подтверждаю, нажав кнопку Да в диалоговом окне подтверждения, диалоговое окно закроется, но исполнение не снижается ,

т. Е. Сериализация данных формы и вызов Ajax для вызова веб-службы.

Пожалуйста, кто-нибудь может помочь.

$(function() { 

     $('form').submit(function() { 

      $('#result').html(" "); 

      var redunt = null; 
      redunt = $(ClientCrud_StatusCodeId).find('option:selected').text(); 

      if ($(ClientCrud_StatusCodeId).find('option:selected').text() == "Redundant") { 
       $('#clientRedundantMessage2').html("Client once made redundant cannot be reactivated. Are you sure ?"); 
       $("#RedundantMessage2").dialog(
        { 
         autoOpen: false, 
         height: 170, 
         width: 420, 
         modal: true, 
         resizable: false, 
         title: "Confirmation for Redundant", 
         Content: "Fields cannot be left blank.", 
         buttons: { 
          "Yes": function() { 
           redunt = "Active"; 
           $('#RedundantMessage2').dialog('close'); 
          }, 
          "No": function() { 
           $(this).dialog("close"); 
           return false; 
          } 
         } 
        }) //.dialog("widget").draggable("option", "containment", "none"); 
       $("#RedundantMessage2").dialog("open"); 
      } 

      if ($(this).valid()) 
      { 
       debugger; 
       if (redunt == "Active") { 

        $.ajax({ 
         url: this.action, 
         type: this.method, 
         async: false, 
         cache: false, 
         data: $(this).serialize(), 
         error: function (request) { 
          $("#result").html(request.responseText); 
          // event.preventDefault(); 
         }, 
         success: function (result) { 
          if (result == "success") { 
           $.ajax({ 
            url: "/Client/ClientGrid", 
            type: 'POST', 
            data: { "page": 0 }, 
            datatype: 'json', 
            success: function (data) { 
             $('#grid').html(data); 
            }, 
            error: function() { 
             alert('Server error'); 
            } 
           }); 

           $('#myEditClientDialogContainer').dialog('close'); 
           $('#myEditClientDialogContainer').remove() 
          } 
          else { 
           clearValidationSummary(); 
           var a = '<ul><li>' + result + '</li></ul>'; 
           $('#result').html(a); 

          } 
         } 
        }); 
       } 
      } 

      $("#griderrormsg1 li").hide().filter(':lt(1)').show(); 
      return false; 
     }); 

     editallowed = true; 
    }); 

Answer 1

Я думаю, что у вас есть проблемы с последовательностью коды, когда функция $("#RedundantMessage2").dialog(......); выполнить не ждать ответ пользователя в этом случае «да» или «нет», так что ... ваш флага redunt = "Active" дона Это имеет смысл.

вариант кнопки имеет функцию, которая выполнить, когда Opcion будет выбран, так что вы должны вызвать функцию, чтобы выполнить этот пост

$(function() { 

     $('form').submit(function() { 

      $('#result').html(" "); 

      var redunt = null; 
      redunt = $(ClientCrud_StatusCodeId).find('option:selected').text(); 

      if ($(ClientCrud_StatusCodeId).find('option:selected').text() == "Redundant") { 
       $('#clientRedundantMessage2').html("Client once made redundant cannot be reactivated. Are you sure ?"); 
       $("#RedundantMessage2").dialog(
        { 
         autoOpen: false, 
         height: 170, 
         width: 420, 
         modal: true, 
         resizable: false, 
         title: "Confirmation for Redundant", 
         Content: "Fields cannot be left blank.", 
         buttons: { 
          "Yes": function() { 
           redunt = "Active"; 
           trySend(); 
           $('#RedundantMessage2').dialog('close'); 
          }, 
          "No": function() { 
           $(this).dialog("close"); 
           return false; 
          } 
         } 
        }) //.dialog("widget").draggable("option", "containment", "none"); 
       $("#RedundantMessage2").dialog("open"); 
      } 



      $("#griderrormsg1 li").hide().filter(':lt(1)').show(); 
      return false; 
     }); 

     editallowed = true; 
    }); 

другой JS функцию

function trySend(){ 

    if ($('#IdOfYourForm').valid()) 
     { 
      debugger; 
      if (redunt == "Active") { 

       $.ajax({ 
        url: this.action, 
        type: this.method, 
        async: false, 
        cache: false, 
        data: $(this).serialize(), 
        error: function (request) { 
         $("#result").html(request.responseText); 
         // event.preventDefault(); 
        }, 
        success: function (result) { 
         if (result == "success") { 
          $.ajax({ 
           url: "/Client/ClientGrid", 
           type: 'POST', 
           data: { "page": 0 }, 
           datatype: 'json', 
           success: function (data) { 
            $('#grid').html(data); 
           }, 
           error: function() { 
            alert('Server error'); 
           } 
          }); 

          $('#myEditClientDialogContainer').dialog('close'); 
          $('#myEditClientDialogContainer').remove() 
         } 
         else { 
          clearValidationSummary(); 
          var a = '<ul><li>' + result + '</li></ul>'; 
          $('#result').html(a); 

         } 
        } 
       }); 
      } 
     } 

}