jQuery如果用戶名字段為空，則禁用登錄提交按鈕

Question

如果用戶名文本框字段為空，我試圖禁用提交按鈕。

$("#txtUserName").bind("input propertychange change keyup  paste", setButtonState);
var setButtonState = function () {
    if ($("#txtUserName").val().trim() == "") {
        $("#login").attr("disabled", true);
    }
    else {
        $("#login").removeAttr("disabled");
    }
}

上面的代碼在所有情況下都可以正常工作，除了當用戶選擇較早保存的用戶名時（自動完成）。 我無法為文本框設置自動完成關閉選項。

當用戶在自動完成的用戶名中選擇文本時，如何捕獲事件？

Answer 1

只需將您的輸入字段綁定到其他事件select ，當用戶從其自動完成功能中選擇某項時會觸發該事件。

這將是您的代碼。 我剛剛添加了select並重新排列了一下代碼。 另外，我在domready上運行一次setButtonState() ，以確保將其禁用。

var setButtonState = function () {
    if ($("#txtUserName").val().trim() == "") {
        $("#login").attr("disabled", true);
    }
    else {
        $("#login").removeAttr("disabled");
    }
}
$("#txtUserName").bind("input propertychange change keyup paste select", setButtonState);
setButtonState();

我還更新了jsfiddle進行演示。