如何使用基於文字欄位值的 jQuery 停用和啟用提交按鈕？

使用jQuery 停用和啟用提交按鈕

為了根據文字欄位的值控制提交按鈕的啟用/停用狀態，以下jQuery程式碼可以實現：

$(document).ready(function() {<pre class="brush:php;toolbar:false"> $(':input[type="submit"]').prop('disabled', true);
 $('input[type="text"]').keyup(function() {
    if($(this).val() != '') {
       $(':input[type="submit"]').prop('disabled', false);
    }
    else {
       $(':input[type="submit"]').prop('disabled', true);
    }
 });

});

此程式碼完成下列任務：

• 最初禁用提交按鈕。
• 監聽文字欄位中的按鍵事件。
• 當在文字字段，檢查其值是否不為空。
• 如果文字欄位不為空，則啟用提交按鈕。
• 如果文字欄位為空，則停用提交按鈕。

因此，提交按鈕將保持停用狀態，直到文字欄位包含值。輸入值後，提交按鈕將啟用，允許提交表單。如果文字欄位中的值隨後被刪除，提交按鈕將再次停用，從而阻止表單提交。

以上是如何使用基於文字欄位值的 jQuery 停用和啟用提交按鈕？的詳細內容。更多資訊請關注PHP中文網其他相關文章！