Vista parcial de carga de ASP.NET MVC 2 usando jQuery - sin validación del lado del cliente

Question

Estoy usando jQuery.load() para hacer una vista parcial. Esta parte se ve así:

$('#sizeAddHolder').load(
       '/MyController/MyAction', function() { ... }); 

El código para acciones en mi controlador es el siguiente:

public ActionResult MyAction(byte id) 
    { 
     var model = new MyModel 
     { 
      ObjectProp1 = "Some text" 
     }; 

     return View(model); 
    } 

    [HttpPost] 
    public ActionResult MyAction(byte id, FormCollection form) 
    { 
     // TODO: DB insert logic goes here 

     var result = ...; 

     return Json(result); 
    } 

estoy volviendo una vista parcial que se ve algo como esto:

<% using (Html.BeginForm("MyAction", "MyController")) {%> 
    <%= Html.ValidationSummary(true) %> 

    <h3>Create my object</h3> 

    <fieldset> 
     <legend>Fields</legend> 

     <div class="editor-label"> 
      <%= Html.LabelFor(model => model.ObjectProp1) %> 
     </div> 
     <div class="editor-field"> 
      <%= Html.TextBoxFor(model => model.Size.ObjectProp1) %> 
      <%= Html.ValidationMessageFor(model => model.ObjectProp1) %> 
     </div> 

     div class="editor-label"> 
      <%= Html.LabelFor(model => model.ObjectProp2) %> 
     </div> 
     <div class="editor-field"> 
      <%= Html.TextBoxFor(model => model.ObjectProp2) %> 
      <%= Html.ValidationMessageFor(model => model.ObjectProp2) %> 
     </div> 

     <p> 
      <input type="submit" value="Create" /> 
     </p> 
    </fieldset> 

<% } %> 

La validación del lado del cliente no funciona en este caso. Además, el script que contiene mensajes de validación tampoco está incluido en la vista que se devuelve. Ambas propiedades en mi clase de modelo tienen atributos Required y StringLength. ¿Hay alguna manera de activar la validación del lado del cliente en una vista que se ha cargado así?

Answer 1

esto es aplicable: asp-net-mvc-client-side-validation-with-dynamic-contents

Answer 2

Antes que nada, debe devolver una vista parcial y no una vista.

return PartialView(model); 

En segundo lugar, ¿está intentando cargar esta vista parcial con AJAX? En ese caso, es posible que desee utilizar jquery.ajax

function ajax_update(path) 
    $.ajax { 
    url: path, 
    success: function(result) { 
     $('#sizeAddHolder').html(result); 
    } 
    return false; 
} 

Answer 3

Debe utilizar tipo de datos en la llamada ajax

function ajax_update(path) 
    $.ajax { 
    url: path, 
    dataType: "html", 
    success: function(result) { 
     $('#sizeAddHolder').html(result); 
    } 
    return false; 
} 

De jQuery docs:

tipoDatos defecto: suposición inteligente (XML, JSON, escritura o html)

El tipo de datos que espera del servidor. Si no se especifica ninguno, jQuery intentará obtener los resultados de manera inteligente, basándose en el tipo MIME de la respuesta (un tipo MIME XML arrojará XML, en 1.4 JSON generará un objeto JavaScript, en 1.4 script ejecutará el script, y cualquier cosa else será devuelto como una cadena). Los tipos disponibles (y el resultado se pasa como primer argumento a su devolución de llamada de éxito) son:

* "xml": Returns a XML document that can be processed via jQuery. 
* "html": Returns HTML as plain text; included script tags are evaluated when inserted in the DOM. 
* "script": Evaluates the response as JavaScript and returns it as plain text. Disables caching unless option "cache" is used. Note: This will turn POSTs into GETs for remote-domain requests. 
* "json": Evaluates the response as JSON and returns a JavaScript object. In jQuery 1.4 the JSON data is parsed in a strict manner; any malformed JSON is rejected and a parse error is thrown. (See json.org for more information on proper JSON formatting.) 
* "jsonp": Loads in a JSON block using JSONP. Will add an extra "?callback=?" to the end of your URL to specify the callback. 
* "text": A plain text string. 

Answer 4

no estoy seguro de si todavía está buscando el respuesta a su pregunta, pero tengo que escribir un post acerca de hacer Los formularios cargados AJAX funcionan con la validación del lado del cliente en ASP.NET MVC 2: http://tpeczek.com/2010/04/making-aspnet-mvc-2-client-side.html

Answer 5

El problema es que la forma cargada con ajax nunca se registra con la validación de Microsoft. Para resolverlo, llame a la siguiente función Sys.Mvc.FormContext._Application_Load.

function ajax_update(path) 
    $.ajax { 
    url: path, 
    success: function(result) { 
     $('#sizeAddHolder').html(result); 
     Sys.Mvc.FormContext._Application_Load(); 
    } 
    return false; 
} 

Eso debería solucionarlo. Además, asegúrese de que los formularios que carga a través de ajax tengan identificadores únicos. De lo contrario, la validación fallará.

Evite el uso de la carga(). Elimina cualquier script cargado en la respuesta.

Answer 6

en el archivo HTML que puede tener algo como:

lo siento por eso, pero no no ¿Cómo enviar un enlace html.Lo que puede tener un enlace clase = "eliminar", Identificación = valor y a href ="javascript :;"

Luego utiliza esta función para hacer una vista parcial:

$(".delete").click(function(event){ 
      var id = $(".select").attr("id"); 
      var id2 = event.target.id; 
      $.ajax({ 
       url: "Persona/Delete?idPersona=" + id2.toString(), 
       success: function (data) { 
        $("#popUpConfirmar").html(data); 
       } 
      }); 

      dialogoPopUp.dialog("open"); 
     }); 

Recuerdo que en la controladora debe tener una acción como:

public PartialViewResult Delete(int idPersona) 
    { 
     PersonaDataAccess personaDataAccess = new PersonaDataAccess(); 
     Persona persona = personaDataAccess.GetOne(idPersona); 
     return PartialView("Delete",persona); 
    }