Question

I want to validate a text area for img tag when it is duplicated. example, if i entered the image tag with src i should enter the same source with tag again i need to show alert how it could be done. my snippet to check whether the image is there or not. but i need to do for above validation also…

function validateEditor() {

    var editor_val = $('#asset_html').val(), iSrc;

    // Check for empty string
    if(!string_IsEmpty(editor_val)) { 

        // Check whether img is available
        if(editor_val.match(/img/g)) {

            var src_cnt = (editor_val.match(/img/g).length);
            //console.log(editor_val.match(/src/g).length);

            $('#asset_html_preview').html(editor_val);

            for(var j = 1; j <= src_cnt; j++) {

                if($('#asset_html_preview img:nth-child(1)').attr('src')) {

                    iSrc = $('#asset_html_preview img:nth-child(1)').attr('src');

                    if(iSrc.indexOf('http://') != -1) { 

                        $('#asset_html_preview img:nth-child(' + j + ')')
                            .error(function() { alert('Check ur image src'); });
                        //break;

                    } 
                }
            }
        }       
    }
}

Answer 1

You may be looking for this:

var arr = {};
var $div = $('<div />').html($('textarea').val());
$div.find('img').each(function (i) {
        var src = $(this).attr('src');

        if (src.indexOf('http://') >= 0 && arr[src] == undefined) {
           arr[src] = 'foobar';
        } else if (arr[src] !== undefined) {
           alert('This url `' + src + '` already exists');     
        } else {
           alert('This url `' + src + '` is wrong');     
        }  
 });

Demo: http://jsfiddle.net/LXgWU/3/