0

JQuery を使用して、各入力フィールドの文字数をカウントしようとしています。

現在、私はこのコードを持っています:

$(document).ready(function(){
$('#add_post_title').keyup(function(){

        var max = 25;
        var len = $(this).val().length;

        if(len > max){
            $('#check_title').text('No');
        }else{
            var char = max - len;
            $('#check_title').text('Yes');
        }

    });

    $('#add_post_desc').keyup(function(){

        var max = 25;
        var len = $(this).val().length;

        if(len > max){
            $('#check_desc').text('No');
        }else{
            var char = max - len;
            $('#check_desc').text('Yes');
        }

    });
});

そしてhtmlフォーム（少し簡略化）：

<form>
<div id="check_title"><p>No</p></div>  <div id="check_post"><p>No</p></div>
<input type="text" name="title" class="post_input" id="add_post_title" placeholder="Title" /><br />
<textarea name="desc" id="add_post_desc" placeholder="Description"></textarea><br />
<input type="submit" name="submit" id="add_post_submit" value="Submit" />
</form>

テキストがフィールドに入力されたときに、「チェック」div 内のテキストが [はい] に変更されないのはなぜですか?

ありがとう

4

2 に答える 2

2

check_post の代わりに check_desc を使用しています:

        $('#add_post_desc').keyup(function(){

    var max = 25;
    var len = $(this).val().length;

    if(len > max){
        $('#check_post').text('No');
    }else{
        var char = max - len;
        $('#check_post').text('Yes');
    }

});

ここを参照してください：

http://jsfiddle.net/NxWnv/

于 2013-06-19T15:39:12.907 に答える
1

あなたのコードはほとんど問題ありません。フィールドのチェックがdivの代わりに div を yes に$('#add_post_desc')設定していることを除いて。check_desccheck_post

それ以外は正常に動作します。このフィドルをチェックしてください

于 2013-06-19T15:48:32.247 に答える