Estou tendo problemas ao tentar fazer com que a validação jquery discreta funcione com uma visão parcial que é carregada dinamicamente por meio de uma chamada AJAX.
Tenho passado dias tentando fazer esse código funcionar sem sorte.
Aqui está a visão:
@model MvcApplication2.Models.test
@using (Html.BeginForm())
{
@Html.ValidationSummary(true);
<div id="res"></div>
<input id="submit" type="submit" value="submit" />
}
A visão parcial:
@model MvcApplication2.Models.test
@Html.TextAreaFor(m => m.MyProperty);
@Html.ValidationMessageFor(m => m.MyProperty);
<script type="text/javascript" >
$.validator.unobtrusive.parse(document);
</script>
O modelo:
public class test
{
[Required(ErrorMessage= "required field")]
public int MyProperty { get; set; }
}
O controlador:
public ActionResult GetView()
{
return PartialView("Test");
}
e, finalmente, o javascript:
$(doument).ready(function () {
$.ajax({
url: '/test/getview',
success: function (res) {
$("#res").html(res);
$.validator.unobtrusive.parse($("#res"));
}
});
$("#submit").click(function () {
if ($("form").valid()) {
alert('valid');
return true;
} else {
alert('not valid');
return false;
}
});
A validação não funciona. Mesmo se eu não preencher nenhuma informação no texbox, o evento submit mostra o alerta ('válido').
No entanto, se em vez de carregar dinamicamente a visualização, eu usar @Html.Partial("test", Model)
para renderizar a visualização parcial na visualização principal (e não faço a chamada AJAX), a validação funciona bem.
Isso provavelmente ocorre porque, se eu carregar o conteúdo dinamicamente, os controles ainda não existem no DOM. Mas eu faço uma chamada $.validator.unobtrusive.parse($("#res"));
que deve ser o suficiente para deixar o validador sobre os controles recém-carregados ...
Alguém pode ajudar?
unobtrusive.parse
função leva um seletor como argumento, não um elemento.