Параллельный просмотр стороны частичного просмотра диалогового windows Jquery при нажатии кнопки «Сохранить»

У меня есть таблица, которая отображает данные. Каждая строка таблицы имеет кнопку «Редактировать». При нажатии кнопки редактирования появляется диалоговое окно jquery с формой для редактирования информации о пользователе и сохранения и отмены. Форма представляет собой не что иное, как частичные кнопки просмотра, являются частью частичного представления.

при нажатии кнопки редактирования я получаю диалог с правильными значениями. Когда нет ошибки проверки (проверка на стороне сервера), кнопка сохранения работает нормально, но после ошибки проверки частичная страница открывается на новой странице. Отмена работает нормально. Мой частичный вид

 @using (Ajax.BeginForm("EditAdmin", "AdminSearchResult", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "editPanel" })) { 
// this is where my html control is  
}

мой controller actionResult

 [HttpPost] public ActionResult EditAdmin(int id, Administration admin, string button, bool isEdit = false) { if (button == "save") { var errors = admin.Validate(new ValidationContext(admin, null, null)); if (errors.Count() == 0) { return RedirectToAction("AdminSearchResult", "AdminSearchResult"); } else { foreach (var error in errors) foreach (var memberName in error.MemberNames) ModelState.AddModelError(memberName, error.ErrorMessage); return PartialView("EditAdmin", admin); } } if (button == "cancel") { return RedirectToAction("AdminSearchResult", "AdminSearchResult"); } return View(); } 

Я понял, что любой метод нажатия кнопки в диалоговом окне должен быть ajax-ified и json-ized. Поэтому я попытался сделать следующее

       $(document).ready(function () { $("#SubmitButton").click(function () { var id = $('#txtID').val(); var lName = $('#txtLastName').val(); var mName = $('#txtMiddleName').val(); var fName = $('#txtFirstName').val(); var uName = $('#txtUserName').val(); var email = $('#txtEmail').val(); var uRole = $('#ddlUserRoleName').val(); var active = $('#chkActive').val(); var admin = { ID: id, LastName: lName, MiddleName: mName, FirstName: fName, userName: uName, emailAddress: email, IsActive: active, UserRole: uRole } $.ajax({ url: '@Url.Action("EditAdmin", "AdminSearchResult")', type: 'POST', dataType: 'html', contentType: "application/json; charset=utf-8", data: 'JSON.stringify(admin)', success: function (result) { alert(result); if (result.success) { alert("Success"); } else { alert("Fail"); $('#editPanel').html(result); } } }); return false; }); }); </script 

Проблема заключается в том, что после добавления вызова $ .ajax в $ («# SubmitButton») нажмите (функция (), кнопка просто делает что-либо при нажатии. Я хочу, чтобы она сохранялась, когда не возникает ошибки проверки сервера и клиентской стороны, и если в диалоговом окне должны появляться сообщения об ошибках.

Также в моей веб-конфигурации у меня есть правильная настройка для проверки

     

благодаря

2 Solutions collect form web for “Параллельный просмотр стороны частичного просмотра диалогового windows Jquery при нажатии кнопки «Сохранить»”

Вы должны попробовать ненавязчивый пример проверки на стороне клиента

JQuery

 $('#BTN').click(function () { var $formContainer = $('#formContainer'); var url = $formContainer.attr('data-url'); $formContainer.load(url, function () { var $form = $('#myForm'); $.validator.unobtrusive.parse($form); $form.submit(function () { var $form = $(this); if ($form.valid()) { $.ajax({ url: url, async: true, type: 'POST', data: JSON.stringify("Your Object or parameter"), beforeSend: function (xhr, opts) { }, contentType: 'application/json; charset=utf-8', complete: function () { }, success: function (data) { $form.html(data); $form.removeData('validator'); $form.removeData('unobtrusiveValidation'); $.validator.unobtrusive.parse($form); } }); } return false; }); }); return false; }); 

Посмотреть

 

Модель

 public class SampleModule { [Required] public String MyName { get; set; } } 

Частичный вид

 @using (Html.BeginForm("Action Name", "Controller Name", FormMethod.Post, new { id = "myForm" })) { @Html.LabelFor(i => i.MyName) @Html.TextBoxFor(i => i.MyName) @Html.ValidationMessageFor(i => i.MyName) 

}

Рекомендации

    

Привет, не написав ни одного Jscript, мы можем создать незастроенные функции. как показано ниже.

Модель

  Public class Model{[Required(ErrorMessage = "Required.")] [Range(0, int.MaxValue, ErrorMessage = "Please enter a Number")] public int NumberOfPosters { get; set; }} 

Частичный вид

  @Html.TextBoxFor(model => model.NumberOfPosters, new { style="width:150px;"}) @Html.ValidationMessageFor(model => model.NumberOfPosters) 

Пример Imge

  • Найти элемент html, идентификатор которого начинается с
  • Jquery live () vs delegate ()
  • Ошибка: «Исходное значение null не разрешено Access-Control-Allow-Origin» при загрузке XML-файла с помощью метода ajax JQuery
  • Как выбрать html-узлы по ID с помощью jquery, когда идентификатор содержит точку?
  • Использовать Jquery Selectors на загруженном HTML-файле? .AJAX?
  • jQuery $ .animate () несколько элементов, но только один раз срабатывает обратный вызов
  • css width: calc (100% -100px); альтернатива с использованием jquery
  • передать jquery json в asp.net httphandler
  • Как я могу реализовать onchange с помощью jQuery?
  • Вращение элемента анимации
  • Могу ли я заставить jQuery.css ("backgroundColor") возвращаться в шестнадцатеричном формате?
  • Interesting Posts

    Как заменить команду результатом другого в Linux?

    Использование `shred` из командной строки

    Можете ли вы сделать Windows 10 ISO с Pro / Home и 32/64-битными вкусами?

    Возможно ли (и как) подключить док-станцию ​​молнии Belkin к Dell XPS 15 (с помощью молдинга usb-c)?

    buildTypes нельзя применять к groovy.lang.Closure

    Maven: настройте web.xml проекта веб-приложения

    Как получить имя текущего столбца в Excel?

    Фундаментальное различие между алгоритмами Hashing и Encryption

    Как разбить строку на многосимвольный разделитель на C #?

    Результаты поиска в Windows 10 отображаются не на том языке

    Является ли токен устройства APNS когда-либо измененным?

    Как перекрыть элементы в LinearLayoutManager – RecyclerView (например, карты укладки)

    Как скрыть из программы, что она работает на виртуальной машине?

    Каков правильный путь для ссылки jar-файла в jpa persistence.xml в веб-приложении?

    Как я могу проверить два или более полей в комбинации?

    Давайте будем гением компьютера.