jQuery实时检查输入更改

时间:2013-05-15 19:27:08

标签: jquery html css

我遇到了新代码,我寻求一种智能的单向有效解决方案。 我想完成类似于Twitter的事情,让我们说我们有两个 输入类型=文本,一旦更改我们要么removeAttr(“禁用”,“禁用”);或attr(“禁用”,“禁用”),我知道在检查一个字段时很容易实现,但是我可以说我在Field上更改了,然后我改变了另一个字段,突然之间我决定改变一个字段它们返回,反之亦然或两者都回到以前的值,以便提交按钮在禁用/启用之间切换。

这是我的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>

1 个答案:

答案 0 :(得分:3)

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);
});

FIDDLE