Блог

Я пытаюсь подсчитать количество ссылок в текстовом поле, чтобы я мог ограничить пользователя не более чем тремя ссылками. Приведенный ниже код — это то, что у меня есть на данный момент, но он не работает. Я думаю, что html закодирован, и это как-то влияет на него … или, может быть, нет. Если да, могу ли я это расшифровать? Есть идеи? Большое спасибо.

 $(document).ready(function() {
    $('#box-text').keyup(function() {
            var links = $('#box-text a');
            var total_links=0;
            for(var i = 0; i < links.length; i  ) {
                total_links  ;
            }
            alert("links =  "   total_links);
    });
});
  

Я бы предпочел, чтобы DOM API выполнял здесь всю работу, а не регулярное выражение или ручной разбор строки.

 $('#box-text').bind('keyup paste change', function() {
    var linksLength = $('<div />').html($(this).val()).find('a').length;

    if (linksLength > 3) {
        // Too many links, warn user!
    }
});
  

jsFiddle.

Обязательно проверьте это и на сервере.

Вам нужно будет сопоставить значение текстового поля с регулярным выражением, подобным этому:

 $(document).ready(function() {
    $('#box-text').keyup(function() {
            matches = $('#box-text').val().match(/<a[^>]*>(.*?)</a>/gi);
            total_links = matches.length;
            alert("links =  "   total_links);
    });
});
  

jsFiddle

Если это #box-text текстовое поле, вы не сможете получать ссылки из $('#box-text a') .

Вы можете сделать что-то вроде,

 $(document).ready(function() {
    $('#box-text').keyup(function() {
            var text = $(this).val();
            var dummy = $('<div>' text '</div>');
            var total_links = $('a', dummy).length;
            alert("links =  "   total_links);
    });
});
  

Надеюсь, это поможет. Удачного кодирования.