2012-03-29 12 views
0

imgタグが重複している場合、その領域を検証したいと考えています。たとえば、srcでimageタグを入力した場合、同じソースをタグで再入力する必要があります。これを行う方法を警告する必要があります。イメージが存在するかどうかを確認するスニペット。しかし、私はあなたのvar src_cnt仕事完璧と仮定すると...javascriptでのテキスト領域検証(html画像タグ用)

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; 

        } 
       } 
      } 
     }  
    } 
} 
+0

あなたはplzは表示されてみては? –

+0

@ Shreekhanal編集plzチェック – user1051599

答えて

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/

+0

@codefOrmerそれはimgタグだけを検証しています...しかし、私は2つのimgタグが同じソース名には – user1051599

+0

も指定できます。配列に追加する前に、イメージURLをjs配列に置き、存在するかどうか(エラーメッセージを表示する)を確認する必要があります。 – codef0rmer

+0

Plzに従う例を投稿してください... – user1051599

0

も上記の検証のために行う必要があります。

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

私のスニペットを編集することはできません。私は警告が来ていない...... – user1051599

関連する問題