During work, my requirement was to Validate Each Input Type Field For Null Values but I also don’t wanted to call one function for each input type field like
document.ready(function () { $('#input1').on('onchange', functionName); $('#input2').on('onchange', functionName); $('#input3').on('onchange', functionName); });
Any my another requirement was that I need all input type fields except hidden fields, so in order to achieve this, I have created a new jquery function that filter the input types and get all those whose type is not hidden and after this I am getting validating value if its null or not. If the value is null then I return false else true.
Solution
function validateInputFields() { $('input[type!=hidden]').each(function (index, element) { if (element.value === '') { return false; } }); return true; } isAllFieldsValidated = validateInputFields(); if(!isAllFieldsValidated) { alert('Your error message'); }
Hope you will enjoy this