javascript - 一旦两个输入字段都有 jQuery 值就运行函数

Question

在我的页面上有 2 个输入字段，一个开始和一个结束。

我有一个在第二个输入字段中的 keyup 上运行的函数 - 无论第一个字段是否为空都会运行。我还必须有填充我的输入字段的按钮。

我要问的是，有没有办法添加某种监听器，以便一旦两个字段都包含值我的函数就会运行？

这是一个 fiddle ，希望能更好地解释......

http://jsfiddle.net/Zn6UR/1/

代码

var timer;

function CalculateRoutes(){
    alert('Done!');
}

$( '.end' ).keyup(keyup);

function keyup() {
    clearTimeout(timer);
    timer = setTimeout(CalculateRoutes,500);
}

$('.first').click(function(e){
    $('.start').val('Location1');
    e,preventDefault();
});

$('.second').click(function(e){
    $('.end').val('Location1');
    e,preventDefault();
});

Answer 1

演示:http://jsfiddle.net/robschmuecker/Zn6UR/3/

function CalculateRoutes() {
    alert('Done!');
}

function bothHaveValues() {
    if ($('.start').val() != '' && $('.end').val() != '') {
        CalculateRoutes();
    }
}

$('.start, .end').keyup(keyup);

function keyup() {
    bothHaveValues()
}

$('.first').click(function (e) {
    $('.start').val('Location1');
    e.preventDefault();
    bothHaveValues()
});

$('.second').click(function (e) {
    $('.end').val('Location1');
    e.preventDefault();
    bothHaveValues()
});