0
232
VistasValide todos los campos de entrada en la página al hacer clic con jquery
Soy totalmente nuevo en jquery, pero hago lo mejor que puedo.
Tengo un proyecto mvc de asp.net con una página llena de entradas editables x. Hice este simple botón
<input type="button" class="btn btn-info" id="validate" value="Validate document" />Lo que quiero lograr es que después de que el usuario haya completado las entradas, quiero que presione el botón y verifique si se han completado todos los campos. Hice este jquery:
$('.editable').ready(function () { $('.editable').editable('option', 'validate', function (v) { if (!v) return 'Field required!'; }); }) Cuando presiono enter en un campo vacío, activa la validación. 
Lo que necesito es resaltar todos los campos editables x vacíos en la página cuando se hace clic en #validar y mostrar "¡Campo requerido!" mensaje.
Cualquier ayuda sería apreciada
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Prueba esto,
$("input:empty").length == 0;Si es cero, ninguno está vacío.
Para filtrar elementos con solo espacios, puede hacer lo siguiente:
$("input").filter(function () { return $.trim($(this).val()).length == 0 }).length == 0;
·
Juan Pablo Isaza
Denunciar
Responde la pregunta