I’m totally new to jquery, but trying my best.
I have an asp.net mvc project with page full of x-editable inputs.
I made this simple button
<input type="button" class="btn btn-info" id="validate" value="Validate document" />
What I want to achieve is after inputs has been filled by the user, I want him/her to push the button and check if all fields has been filled.
I made this jquery:
$('.editable').ready(function () {
$('.editable').editable('option', 'validate', function (v) {
if (!v) return 'Field required!';
});
})
When I push enter on an empty field it triggers validation.
What I need is to highlight all empty x-editable fields on the page when the #validate is clicked and show “Field required!” message.
Any help would be appreciated