Question

I have the following inputs:

 <input class="input-text" type="text" name="nombres" id="nombres" />
    <input class="input-text" type="text" name="apellidoP" id="apellidoP" />
    <input class="input-text" type="text" name="apellidoM" id="apellidoM" />
    <input class="input-text" type="text" name="nacimiento" id="nacimiento" />

I want to make an ajax request when the “nombres” and “nacimiento” inputs has changed and are not empty, and when “apellidoP” or “apellidoM” also has changed and are not empty.

How can I do that with jQuery? The only solution I have in mind is to trigger “change” event of every input and check if conditions are met, do you have another solution?

Thanks

Answer 1

If you are only interested in completed changes to field values you may want to look into jQuery’s blur handler.