完全禁用输入字段

时间:2012-11-15 14:47:32

标签: javascript jquery html forms jquery-ui

我在表单上有输入,显示欠款。基本上如果欠款是零,我会添加一个名为“付费”的特殊类,我可以使用jquery $(“。paid”)。所有这一切都运作良好。

问题是,如何阻止用户点击或输入文字或使用这些输入做任何其他事情?

到目前为止,这是我的结论。

function disablepaid(){
    $(".paid").on("click", function(){
        alert("Do disabling stuff now");
    });
}

在其他一些帖子中,我看到有人尝试 jquery blur(),并设置了此处显示的已停用属性How do i grey out the input field and the submit button

请指教,谢谢。

3 个答案:

答案 0 :(得分:1)

只需使用prop()并将已禁用的属性设置为true

即可
$(".paid").on("click", function(){
        $(this).prop('disabled', true);

        // or  
        this.disabled = true; 
});

答案 1 :(得分:1)

您可以在输入中设置disabled属性..

类似的东西:

    function disablepaid(){
        $(".paid").on("click", function(){
            alert("Do disabling stuff now");
            $(this).prop('disabled', true);
        });
    }

如果您在任何时候需要将其重新设置,那么:

    $(".paid").prop('disabled', false);

<强>更新

此外,不是允许用户点击付费输入字段然后禁用它,为什么不在设置零金额时禁用它?

答案 2 :(得分:0)

您可以停用输入

$(".paid").attr("disabled", "disabled");