Question

我有以下输入：

 <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" />

当“nombres”和“nacimiento”输入已更改且不为空时，以及当“apellidoP”或“apellidoM”也已更改且不为空时，我想发出ajax请求。

我怎么能用jQuery做到这一点？我想到的唯一解决方案是触发每个输入的“更改”事件并检查是否满足条件，您是否有其他解决方案？

由于

Answer 1

如果您只对完成的字段值更改感兴趣，可能需要查看jQuery的blur handler。

Answer 2

这通常是您的方式，检查更改事件中的要求。

Answer 3

你在谈论javascript事件。看看这个：http://www.w3schools.com/js/js_events.asp

每当您更改内容时，以下内容都会执行checkEmail()。在做任何你想做的事情之前，只需检查函数中输入元素的文本值。

<input type="text" size="30" id="email" onchange="checkEmail()" />

Answer 4

$('#nombres').change(function(){
if($(this).val() !== '') {
//function to execute
}
});

同样适用于apellidoP和apellidoM。

某些输入发生变化时，启动ajax请求

4 个答案: