0

フィールドを追加するコードがいくつかありますが、現在、無限のボックスが追加されています。最大 10 に制限するにはどうすればよいですか。

http://jsfiddle.net/spadez/9sX6X/13/

var container = $('.copies'),
    value_src = $('#current');

$('.copy_form')
    .on('click', '.add', function(){
        var value = value_src.val();
        var html = '<div class="line">' +
            '<input class="accepted" type="text" value="' + value + '" />' +
            '<input type="button" value="X" class="remove" />' +
        '</div>';

        $(html).appendTo(container);
        value_src.val('');
    })
    .on('click', '.remove', function(){
        $(this).parents('.line').remove();
    });

私が知っているコード：

alert("Only 10 allowed");

私が試したコード：

var i = 0 // Set counter
i++ // Increment counter
if(i > 10) {
    alert("Only 10 allowed");
} 
else {
    // code to be executed
}

これは私の最初のスクリプトの 1 つであり、これを実装する正しい方法について助けが得られるかどうか疑問に思いました。上記で試したコードが現在の作業コードを壊してしまったからです。

4

3 に答える 3

2

クリック ハンドラー内で、クラス行を含む要素の数が10 未満かどうかを確認します。

if ($('.line').length < 10) { 
    //execute code
}else{
    alert('Only 10 allowed');
    return false;
}

フィドル

于 2013-06-19T12:24:29.367 に答える