ASP.NET 4.5 MVC événement OnBlur zone de texte

J'ai un C# ASP.net 4.5 MVC solution. Je veux créer un formulaire automatisé de validation de l'adresse.
Si vous entrez un code postal et housenumber la streetname en ville est recherché à l'aide d'une API REST.

Après avoir rempli le housenumber il doit y avoir un appel à une fonction dans un contrôleur (à l'aide d'AJAX) pour rechercher l'adresse, mise à jour du modèle de données et afficher le résultat dans la forme. Je ne peux pas comprendre comment le faire.

Je pensais à faire un post de formulaire (à l'aide d'AJAX) déclenché lorsque le onBlur de la housenumber est appelé. Mais est-ce la meilleure façon de faire ? Est-il vraiment le meilleur moyen est de les republier l'ensemble de la forme ?

Exemple à ce jour:

<div class="col-md-7">
 @Html.TextBoxFor(model => model.HouseNumber, new { @class = "form-control", @placeholder = "HouseNumber" })
 @Html.ValidationMessageFor(model => model.HouseNumber, null, new { @class = "text-danger" })
</div>

Lorsque la zone de texte HouseNumber perdu le focus, je tiens à appeler la fonction 'ValidateAddress" dans mon controller 'Carnet d'adresses'. La fonction de recherche de la streetname et de la ville et de remplir le modèle.Streetname et le modèle.La ville de champs.

  • ce message de validation? pouvez-vous s'il vous plaît montrer, ce que vous avez fait jusqu'à maintenant?
  • ajout de l'exemple / plus d'informations
  • Quand vous dites "déclencher la validation des messages", vous voulez dire que les messages de validation pour model.Streetname et model.City?
InformationsquelleAutor Walt501 | 2014-10-29
  1. 1

    Bien, vous pourriez changer votre contrôleur de l'action de retourner le modèle JSON:

    public ActionResult ValidateAddress(YourModel model){
  //Do  your validation
  return Json(model); 
}

    puis ajouter un appel AJAX de cette action et de remplir votre formulaire dans le rappel: 

    $( "#HouseNumber" ).blur( function() {
  $.ajax({
    url: "/yourActionUrl"
    type: "POST",
    data: $("#yourForm").serialize(),
    dataType: "json"
  }).done(function( model ) {
    $("#Streetname").val(model.Streetname);
    $("#City").val(model.City);
  });
});
    • thnx pour la solution. J'ai mis en place et il fonctionne exactement comme un besoin!
    InformationsquelleAutor Groyoh
  2. 1

    Vous pouvez avoir de flou de l'événement sur HouseNumber zone de texte

    essayer cette

    @Html.TextBoxFor(model => model.HouseNumber, new { @class = "form-control", @placeholder = "HouseNumber" onblur = "alert('call some javascript function')"})

    ou

    mieux utiliser la fonction jquery

    mise à jour:

        $("#HouseNumber").blur(function () {
         $.get("ControllerName/ActionMethod",{parameterName:value},function(data){
//extract values from data object and assign ut to your controls
});
});
    • Mais comment appeler la fonction à l'intérieur de la manette à partir de la fonction jquery ?
    • Vérifier mon code mis à jour, vous pouvez simplement retourner un modèle à partir de votre contrôleur à votre appel ajax et javascript attribuer à reprendre le contrôle de votre point de vue.
    InformationsquelleAutor Mox Shah
  3. 0

    faire de votre obtenir Mathod sur le contrôleur avec le même paramètre de modèle

    public ActionResult Login(LoginData model)
    {
        if (model == null)
        {
            model = new LoginData();
        }
        return View(model);
    }

    après le remplissage hoseno Appeler votre fonction si vous le souhaitez, vous pouvez utiliser de l'ajax et de redirection vers votre getmethod et passer votre modèle

    pour la validation de l'utilisation du script de validation de sorte que vous pouvez ajouter ou enlever selon vos conditions.

    • Mais comment appeler la fonction de redirection à la methode ?
    InformationsquelleAutor