1

私のjsfiddleはここにあります - http://jsfiddle.net/hhimanshu/HVRLA/

必要
- テキストが入力されるとすぐに「作成」ボタンを有効にする必要
があります - テキストがない場合 (テキストの長さ = 0)、「作成」ボタンは再び無効にする必要があります

アップデート

提案されたソリューションはソリューションに対して機能しますが、I have the form in ドロップダウンでは機能しません。これがフィドルです - http://jsfiddle.net/hhimanshu/ukYek/

4

3 に答える 3

3

ボタンを正しく選択していなかったようですelse。入力に文字がない場合（つまり、ユーザーが入力したすべてのテキストをバックスペースする場合）、ボタンを再度無効にするのを忘れました。これは機能します：

$(function(){
    var input = $('#new-list :input');
    $(input).keyup(function(){
      //alert($(input).val().length);                
        if ($(input).val().length > 0) {
            //alert($(input).val().length);
            $('#new-list button[type="submit"]').removeAttr('disabled');
        }
        else {
            $('#new-list button[type="submit"]').attr('disabled',true);
        }
    });
});

jsFiddle： http: //jsfiddle.net/HVRLA/2/

于 2012-06-30T00:50:56.563 に答える
0

別の解決策：http：//jsfiddle.net/HVRLA/5/

編集：

以下のコメントのように、このhttp://jsfiddle.net/hhimanshu/ukYek/フィドルは機能していませんでした。入力セレクターに問題がありました：

$(function(){
    var input = $('#new-playlist :input');
    $(input).live('keyup',function(){
      //alert($(input).val().length);                
        if ($(input).val().length > 0) {
            //alert($(input).val().length);
            $('#create-playlist-button').removeAttr('disabled');
        }
        else {
            $('#create-playlist-button').attr('disabled',true);
        }
    });
});​

私はこれがあなたのコードの問題だったと思います-彼らはnew-listあなたのhtmlにIDがないので

 var input = $('#new-list :input');

だから私はそれをこれに変更しました：

var input = $('#new-playlist :input');

これがフィドルリンクです：http：//jsfiddle.net/ukYek/3/

于 2012-06-30T00:58:53.203 に答える
0

実際の例:

$(function(){
    var input = $('#new-playlist :input');
    input.live('keyup',function(){   
            $('#create-playlist-button').attr('disabled',input.val().length==0);
     });
});​
于 2012-06-30T01:22:30.803 に答える