jquery - jQuery 实时检查输入更改

Question

我被新代码卡住了，我寻求一种智能的单向有效解决方案。我想完成类似于 Twitter 的事情，假设我们有两个 type=Text 的输入，一旦有一个更改，我们要么 removeAttr("disabled", "disables"); 或 attr("disabled", "disabled")，我知道在检查一个字段时这很容易实现，但是假设我在字段上进行了更改，然后我更改了另一个字段，突然间我决定更改一个它们中的一个返回，反之亦然，或者两者都返回到以前的值，以便提交按钮在禁用/启用之间更改。

这是我的 jsfiddle：http: //jsfiddle.net/Xu9XH/

<input type="text" value="Carl" name="first_name" maxlength="15" id="firstname" />
<input type="text" value="Johnson" name="last_name" maxlength="15" id="lastname" />
<br /><br />
<button id="senddata" disabled="" type="submit">Submit</button>

Answer 1

var inputs = $('input[type="text"]'),
    button = $('#senddata');

inputs.each(function() {
    $(this).data('val', this.value);
}).on('keyup', function() {
    var state = true;
    inputs.each(function(i,el) {
        if ( $(el).val() != $(el).data('val')) state = false;
    });
    button.prop('disabled', state);
});

小提琴