阻止文本字段,如果其他人包含文本

时间:2012-07-03 18:55:54

标签: php javascript jquery forms input

有没有办法(最好用jQuery)阻止文本输入,如果其他人包含文本?

我可以看到一直阻止输入字段的方法,但不会动态,因为其他字段包含文本。

<input name="inputone" id="i_one" type="text" value="">
<input name="inputtwo" id="i_two" type="text" value="">
<input name="inputthree" id="i_three" type="text" value="">

这是一个非常简单的设置。我只需要“i_one”包含任何文本,阻止“i_two”和“i_three”接收任何输入。但如果用户在提交表单之前删除了他们在“i_one”中键入的内容,则该块将被取消,以便用户可以使用其他字段。

2 个答案:

答案 0 :(得分:2)

这看起来怎么样?

$('input').on('keyup', function() {
  $(this).siblings().prop('disabled', this.value.length ? true : false)
});

当然,您可能希望通过向要侦听的元素添加特殊类来调整它以不对所有输入元素执行操作。

JsFiddle如果您想调整/播放它。

答案 1 :(得分:0)

我很快就想出了这个。

$(document).ready(function() {
    $("input").on("input", function() {
        if ($(this).val() == "") {
            $("input").removeAttr("disabled");
        }
        else {
            $("input").attr("disabled", "disabled");
            $(this).removeAttr("disabled");
        }
    });
});