jQuery 禁用/启用提交按钮 [英] jQuery disable/enable submit button

问题描述

我有这个 HTML:

<input type="text" name="textField" />
<input type="submit" value="send" />

我该如何做这样的事情:

How can I do something like this:

• 当文本字段为空时，应禁用提交(disabled="disabled").
• 在文本字段中键入内容以删除禁用属性时.
• 如果文本字段再次变空(文本被删除)，提交按钮应再次禁用.

我尝试过这样的事情:

$(document).ready(function(){
    $('input[type="submit"]').attr('disabled','disabled');
    $('input[type="text"]').change(function(){
        if($(this).val != ''){
            $('input[type="submit"]').removeAttr('disabled');
        }
    });
});

...但它不起作用.有什么想法吗?

…but it doesn't work. Any ideas?

推荐答案

问题是只有当焦点从输入移开时才会触发更改事件(例如，有人点击输入或选项卡离开它).尝试改用 keyup:

The problem is that the change event fires only when focus is moved away from the input (e.g. someone clicks off the input or tabs out of it). Try using keyup instead:

$(document).ready(function() {
     $(':input[type="submit"]').prop('disabled', true);
     $('input[type="text"]').keyup(function() {
        if($(this).val() != '') {
           $(':input[type="submit"]').prop('disabled', false);
        }
     });
 });

这篇关于jQuery 禁用/启用提交按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！