用于html图像标记的javascript中的文本区域验证

时间:2012-03-29 11:05:06

标签: javascript html image

我想在复制时验证img标签的文本区域。例如,如果我使用src输入图像标签,我应该再次使用标签输入相同的源我需要显示警报如何完成。我的片段检查图像是否存在。但我还需要做以上验证...

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;

                    } 
                }
            }
        }       
    }
}

2 个答案:

答案 0 :(得分:1)

您可能正在寻找:

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');     
        }  
 });

演示:http://jsfiddle.net/LXgWU/3/

答案 1 :(得分:0)

假设您的var src_cnt工作正常。

var src_cnt = (editor_val.match(/img/g).length);
if(src_cnt == 1)
{
alert("Plz choose Unique Image");
return false;
}