La validation discrète ne fonctionne pas avec Ajax.BeginForm

Vous devez ajouter ces 2 fichiers dans vous Vue Partielle même si c'est déjà dans le Shared / _Layout.cshtml:

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>

ou placez ceci dans votre Partielle:

<script type="text/javascript" language=javascript>
    $.validator.unobtrusive.parse(document);
</script>

Vous devez ajouter une référence à jquery.unobtrusive-ajax.js pour activer la validation en moins!--2-->

quelque Chose comme ceci:

<script type="text/javascript" src="/Scripts/jquery.unobtrusive-ajax.js"></script>

Cette solution a fonctionné le mieux pour moi.

$.validator.unobtrusive.parse(document);

la réponse de Darin Dimitrov ne fonctionne que lorsque validate()jquery validate plugin n'a pas été appelé jusqu'à ce que le gestionnaire de succès Ajax soit appelé. Je n'arrive pas à imaginer un scénario où cela pourrait être le cas, et je me demande donc pourquoi la réponse a été acceptée comme étant correcte.

peut-être qu'un changement dans le code de validation jquery dans le passé cause maintenant le problème suivant:

Le problème est que validate() exécute la ligne suivante

// Check if a validator for this form was already created
var validator = $.data( this[ 0 ], "validator" );
if ( validator ) {
  return validator;

ce qui signifie que le validator l'objet est retourné lorsque validate () est appelé sans et traitement ultérieur des options passées.

cela signifie aussi qu'un appel ultérieur à $.validator.unobtrusive.parse(...) ou $.validator.unobtrusive.parseElement(...) qui exécute un

$form.validate(this.options) <- this.options holds the new rules parsed from HTML

mettre à jour les options du validateur n'a aucun effet car les options ne sont pas traitées du tout.

la solution ici est de mettre à jour le validateur manuellement comme

var $htmlCode = $("your html");

$.validator.unobtrusive.parse($htmlCode, true); // true means no validate() call

// now get the validation info collected in parse()
var validationInfo = $form.data("unobtrusiveValidation"); 

var $validator = $form.validate(); // get validator and ...
$validator.settings.rules = validationInfo.options.rules; // ... update its rules
$validator.settings.messages = validationInfo.options.messages; // ... update its messages

revalidation du formulaire (p.ex. en cliquant soumettre) devrait maintenant donner les résultats attendus.

voici un exemple complet witch inclut également le code de la réponse déjà acceptée:

Rasoir

@using (Ajax.BeginForm(
    "Action1",
    "Controller",
    null,
    new AjaxOptions { 
        OnSuccess = "onSuccess",
        UpdateTargetId = "result"
    },
    null)
)
{
    <input type="submit" value="Save" />
}

Javascript

var onSuccess = function(result) {
    var $htmlCode = $(result);

    $.validator.unobtrusive.parse($htmlCode, true); // true means no validate() call

    // now get the validation info collected in parse()
    var validationInfo = $form.data("unobtrusiveValidation"); 

    var $validator = $form.validate(); // get validator and ...
    $validator.settings.rules = validationInfo.options.rules; // ... update its rules
    $validator.settings.messages = validationInfo.options.messages; // ... update its messages
};

--

comme note d'accompagnement, la mise à jour manuelle du validateur est également possible en utilisant le rules() méthode

$yourHtmlField.rules( "add", {
  required: true,
  messages: {
    required: "Required input"
  }
});

comme ceci met directement à jour les règles du validateur sans discrète choses. Mais alors les attributs data-val sont rendus inutiles.