0
257
Views¿Cómo agregar y eliminar clases de CSS basadas en errores de validación en el lado del cliente?
Con respecto a .net core mvc, ¿cómo agrego y elimino clases para <span asp-validation-for="Input.FirstName"> en función de un error de validación o incluso entre diferentes errores?
<div class="form-group offset-sm-2 col-sm-8"> <label asp-for="Input.FirstName" class="control-label register-heading-style"></label> <input asp-for="Input.FirstName" class="form-control form-control-valid rounded-0" placeholder="John" /> <span asp-validation-for="Input.FirstName" id="FirstNameError" class="text-danger form-control-invalid invalid-bg"></span> </div> ¿Hay alguna forma en JS de verificar si hay errores en la entrada (los errores que se muestran automáticamente en asp-validation-for="Input.FirstName" )?
Gracias
2 answers
Answer question0
si desea cambiar de clase por un error diferente. Creo que no puedes cambiar de clase por un error. pero creo que es mejor usar [TempData] y usar un intervalo específico y mostrar cada uno cuando ese valor no está vacío o es nulo. para este enfoque, debe validar lo que necesita y sentir [TempData] para eso.
por ejemplo:
if(TempData["error"]!=null) { <span>this is an error</span> } if(TempData["success"]!=null) { <span>this is susccess</span> } if(TempData["warning"]!=null) { <span>this is warning</span> }0
Aquí hay una demostración sobre si el intervalo cuyo ID es Input_FirstName-error tiene información de error, agregue la clase customClass .
$(document).ready(function () { $("#FirstNameError").on('DOMSubtreeModified', function () { if ($("#Input_FirstName-error").length > 0 && $("#Input_FirstName-error")[0].innerText != "") { $("#Input_FirstName-error").addClass('customClass'); } }); }); resultado: 