Question

我有一个输入字段和一个按钮

<input required id="solution" name="solution" type="text" placeholder=""class="form-control input-md">
<button style="background-color:#da251d;" id="sendForm" name="sendForm" class="btn btn-success">Send</button>

现在我想检查一个值的输入字段，当值不正确时，按钮应该被去掉，我尝试用这样的js

$(document).ready(function(){
        $(“#solution”).keyup(function(){
            if($(this).val() == ‘value’) {
                $(‘#sendForm’).attr(‘disabled’,‘disabled);
            }
            else {
                $(‘#sendForm’).removeattr(‘disabled’);
            }
        });
});

但它不起作用，你可以帮我吗？

Answer 1

简单一个！

由于您使用引号（“），代码无效，但您应该使用的是字符串标记（＆＃ 34; 或＆＃39; ）。工作代码：

$(document).ready(function(){
    $("#solution").keyup(function(){
        if($(this).val() == 'value') {
            $('#sendForm').attr('disabled', 'disabled');
        }
        else {
            $('#sendForm').removeAttr('disabled');
        }
    });
});

Jsbin

Answer 2

我认为你在.removeAttr

上做了拼写错误

        $(document).ready(function(){
        $("#solution").keyup(function(){
            if($(this).val() == "value") {
                $("#sendForm").attr("disabled","disabled");
            }
            else {
                $("#sendForm").removeAttr("disabled");
            }
        });
    });

Answer 3

您应该尝试使用“更改”或“输入”事件。它看起来类似于

$('#solution').on('change', function(){
  // validation & toggle button state
})

进一步的活动文件： change

Answer 4

嘿，这工作正常，

$("#solution").keyup(function(){
        if($(this).val() == 'value') {
            $('#sendForm').attr('disabled',false);
        }
        else {
            $('#sendForm').attr('disabled',true);
        }
    });

您可以根据需要使用attr方法将disabled属性设置为true或false。

demo

输入实时检查

4 个答案: