Por que <form> está sendo atribuído o atributo NoValidate?
Tendo dificuldade em obter o plugin jQuery Validate para jogar legal.
Modelo
public class FooVM
{
[Required]
public string Name { get; set; }
}
Layout
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="@Url.Content("~/scripts/jquery-1.9.0.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/scripts/jquery-migrate-1.0.0.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/scripts/bootstrap.min.js")" type="text/javascript"></script>
<link href="@Url.Content("~/content/bootstrap-responsive.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/content/bootstrap.min.css")" rel="stylesheet" type="text/css" />
<title>@ViewBag.Title</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="span12">
<div class="navbar">
<div class="navbar-inner">
<a class="brand" href="#">idoneit</a>
<ul class="nav">
<li class="menu-link">@Html.ActionLink("Home", "index", "bar")</li>
</ul>
</div>
</div>
</div>
<div class="span12 error-container">
</div>
<div class="span12 main-body">
@RenderBody()
</div>
</div>
</div>
</body>
</html>
Visão
model bootstrapvalidate.Models.FooVM
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@using (Html.BeginForm("add", "bar", FormMethod.Post, new { @class = "form-horizontal" }))
{
<fieldset>
@Html.ValidationSummary()
<legend>Testing Bootstrap & Validate</legend>
<div class="control-group">
<label for="Name" class="control-label">Name</label>
<div class="controls">
@Html.TextBoxFor(x => x.Name)
</div>
<button type="submit" class="btn">Add!</button>
</div>
</fieldset>
}
Quando eu envio, a mensagem de erro é mostrada rapidamente e, em seguida, o formulário é enviado de qualquer maneira.
Uma coisa que notei que não vi antes é que a marcação contém o atributo 'novalidate'
<form action="/bar/add" class="form-horizontal" method="post" novalidate="novalidate">
Dos bits que li, este é o atributo HTML5 que impede a validação. Então, sim, isso é o que está causando isso, eu assumo.
Pergunta é - por que o bejesus está sendo adicionado ao formulário? Eu não pedi por isso!
Editar: fez um pouco de escavação com base na resposta do @rob, parece jquery validar está lançando uma exceção, daí o postback ..
isto é jquery.validate 1.10