MVC.net jQuery Validación
-
09-06-2019 - |
Pregunta
Después, tratando de evitar el JavaScript por años, Iv comenzó a utilizar la Consulta para validación en MVC asp.net como parece que no hay que ser un funcionario manera de hacer la validación, Iv ha sorprendido lo buena jQuery es.
En primer lugar, hay una manera para obtener intellisense de trabajo para jQuery y su plugin de validación, para que yo no tenga que aprender la api?
En segundo lugar ¿cómo puedo crear un resumen de validación para ello, en la actualidad se anexa el error a la derecha del cuadro de texto.:
<script type="text/javascript">
$().ready(function() {
$("#CreateLog").validate({
rules: {
UserName: {
required: true,
minLength: 2,
}
},
messages: {
UserName: {
required: "Please enter a username",
minLength: "Your username must consist of at least 2 characters",
}
}
});
});
</script>
<form id="CreateLog" action="Create" method="post" />
<label>UserName</label><br />
<%=Html.TextBox("UserName")%>
<br />
<div class="error"> </div>
<input type=submit value=Save />
</form>
He intentado añadir esto a la secuencia de comandos:
errorLabelContainer: $("#CreateLog div.error")
y esto del html:
<div class="error"> </div>
Pero esto no funcionó.
Solución
Intente especificar tanto un contenedor y una etiqueta de contenedor en sus opciones.También he añadido display:none;
para el estilo de errores recipiente vamos a jQuery la hora de decidir cuándo se muestran.
$().ready(function() {
$("#CreateLog").validate({
errorLabelContainer: $("ul", $('div.error-container')),
wrapper: 'li',
rules: {
UserName: {
required: true,
minLength: 2,
}
},
messages: {
UserName: {
required: "Please enter a username",
minLength: "Your username must consist of at least 2 characters"
}
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="error-container">
<ul></ul>
</div>
<form id="CreateLog" action="Create" method="post" />
<label>UserName</label><br />
<%=Html.TextBox("UserName")%>
<br />
<input type=submit value=Save />
</form>
Que deben trabajar.
Otros consejos
Usted puede ser que desee comprobar hacia fuera Karl Seguin's ASP.NET MVC validación de enfoque en CodeBetter.com y su ejemplo aplicación de la lona.
Validación - Parte 1 - Introducción
Hay una revisión de Visual Studio 2008 para JQuery IntelliSense en VS2008 .Esto podría haber estado liado con SP1 así.
con respecto a intellisense para jquery (y otros plugins):con el fin de tener intellisense completo en sus propios archivos de secuencia de comandos así, basta con incluir la siguiente línea en la parte superior de su .archivo js de una vez por cada archivo que desea intellisensee de:
/// <reference path="[insert path to script file here]" />
simple, pero muy útil =)