abp-modal razor page validation issue #5133

8 Answer(s)

• 

  0

  maliming created 3 years ago

  Support Team Fullstack Developer

  hi

  Steps to reproduce the issue,

  Please share some code, Thanks

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  trina.thompson created 3 years ago

  Steps to reproduce:

  • Launch the modal
  • Enter invalid data
  • Hit save button
  • Modal closes and does not show server error

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  trina.thompson created 3 years ago

  Script:

  let dataGrid;
  let createBlockedAccountModal;
  
  $(document).ready(function () {
      createBlockedAccountModal = new abp.ModalManager({
          viewUrl: '/platform-portal/Processing/ExceptionHandling/BlockedAccounts/Create'
      });
      createBlockedAccountModal.onResult(function (a, b) {
          dataGrid.refresh();
      });
  });
  
  $('#openAddBlockedAccountModal').click(function () {
      createBlockedAccountModal.open({
      });
  });
  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  trina.thompson created 3 years ago

  Modal:

  <form method="post" action="@Url.Page("/platform-portal/Processing/ExceptionHandling/BlockedAccounts/Create")">
      @Html.AntiForgeryToken()
      Modal Content Here
  </form>
  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  trina.thompson created 3 years ago

  Code Behind:

  public async Task<IActionResult> OnPostAsync()
  {
      if (!ModelState.IsValid)
      {
          return Page();
      }
      try
      {
          await _blockedAccountAppService.CreateAsync(CreateBlockedAccount);
      }
      catch (AbpValidationException ex)
      {
          foreach (var error in ex.ValidationErrors)
          {
              ModelState.AddModelError($"CreateBlockedAccount.{error.MemberNames.FirstOrDefault()}", error.ErrorMessage);
          }
          return Page();
      }
      catch (BusinessException ex)
      {
          ModelState.AddModelError("", ex.Message);
          return Page();
      }
      return Page();
  }
  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  maliming created 3 years ago

  Support Team Fullstack Developer

  hi

  Please try to throw an exception instead of adding an error to ModelState.

  abp will show an error message automatically.

  

  https://github.com/abpframework/abp/blob/dev/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared/wwwroot/libs/abp/aspnetcore-mvc-ui-theme-shared/jquery-form/jquery-form-extensions.js#L55-L69

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  trina.thompson created 3 years ago

  Thank you for the idea. However, this does not provide our desired user experience. We would like the validation to be displayed to the user in the form as is the normal behavior for validation error feedback. Is there a way to achieve our desired behavior?

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  maliming created 3 years ago

  Support Team Fullstack Developer

  hi

  There is no builtin way to do this.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel