Déclencheur modal si le formulaire est valide à l’aide de jQuery

J’ai un problème: lorsqu’un formulaire est soumis, il doit déclencher un modal lorsqu’il est valide et s’il n’est pas valide, il doit déclencher le script de validation. J’ai essayé de chercher des réponses sur le forum et suis tombé sur un problème qui ressemble au mien. Mais malheureusement, le modal ne s’affiche toujours pas.

Ce que je voulais, c’est que lorsque l’utilisateur clique sur le bouton Soumettre, une validation est exécutée. Si toutes les données sont valides, le modal s’affiche, et s’il est invalide, la validation se déroule comme ici .

MODÈLE

public class Reg { [Required(ErrorMessage = "Please enter first name")] public ssortingng Firstname { get; set; } [Required(ErrorMessage = "Please enter MiddleInitial")] public ssortingng MiddleInitial { get; set; } [Required(ErrorMessage = "Please enter Surname")] public ssortingng Surname { get; set; } } 

MANETTE

• Comment afficher la valeur d’un ViewBag dans ma vue avec une fonction JS?
• Comment relier dynamicment html.DropDownList () dans MVC
• Convertir HTML Razor en PDF téléchargeable
• À toute épreuve RequiredIfTrue ne fonctionne pas pour MVC5?
• Conserver la valeur de la case à cocher générée dynamicment lors de la publication

  public ActionResult Index() { return View(); } [HttpPost] public ActionResult Index(Reg reg) { return View(); } 

VUE

 @model WebApplication1.Models.Reg 
 @using (Html.BeginForm()) { @Html.AntiForgeryToken() 
 
 @Html.LabelFor(model => model.Firstname, htmlAtsortingbutes: new { @class = "control-label" }) @Html.EditorFor(model => model.Firstname, new { htmlAtsortingbutes = new { @class = "form-control", placeholder = @Html.DisplayNameFor(m => m.Firstname) } }) @Html.ValidationMessageFor(model => model.Firstname, "", new { @class = "text-danger" }) 
 
 @Html.LabelFor(model => model.MiddleInitial, htmlAtsortingbutes: new { @class = "control-label" }) @Html.EditorFor(model => model.MiddleInitial, new { htmlAtsortingbutes = new { @class = "form-control", placeholder = @Html.DisplayNameFor(m => m.MiddleInitial) } }) @Html.ValidationMessageFor(model => model.MiddleInitial, "", new { @class = "text-danger" }) 
 
 @Html.LabelFor(model => model.Surname, htmlAtsortingbutes: new { @class = "control-label" }) @Html.EditorFor(model => model.Surname, new { htmlAtsortingbutes = new { @class = "form-control", placeholder = @Html.DisplayNameFor(m => m.Surname) } }) @Html.ValidationMessageFor(model => model.Surname, "", new { @class = "text-danger" }) 
 
  
 
 } 
 
 
 
 
 Confirm Submit × 
 
 @Html.Partial("CedulaPartial") Cancel  
 
 
  

JQUERY

  $('form').submit(function () { if ($(this).valid()) { $('#modals').modal('show'); } }); 

J’ai aussi essayé

 $('#myModal').modal("show"); $('#myModal').dialog('open'); $('#myModal').modal(); $('#myModal').show(); $('#myModal').modal('toggle'); 

mais toujours pas de chance.

Merci d’avance.

• Méthode Web d’appel AngularJS
• Dans MVC: Copiez les éléments de vue par jQuery et récupérez-les dans le contrôleur approprié.
• Propriétés Ordre pendant la désérialisation à l’aide de JSON.Net
• Objet KnockOutJs non publié
• Téléchargement d’un fichier sur un client dans l’application ASP.NET MVC à l’aide de JQuery