在jQuery中動態驗證圖像路徑

Question

我能夠通過包含目錄代碼來生成URL我已驗證應放入textarea的字符和數字的數量。

我會以某種方式驗證生成的URL是有效的，否則顯示類似 「URL不起作用」

JQUERY：

$('#enter').keyup(function() { 
    var eachLine = $(this).val().split('\n'); 
    var result = ''; 

    for (var i = 0; i < eachLine.length; i++) { 
     var url = 'http://67.227.171.193/~raulvalv/code/replace/gallery/' + eachLine[i] + '_2.jpg'; 
     var img = '<img alt="" src="' + url + '" /><br />'; 
     var empty = '<div class="found">Error code</div><br />'; 
     if (eachLine[i].match(/^[0-9]{10}$/)) { 
      result = result + img + '\n'; 
      // 
     } else { 
      result = result + empty + '\n'; 
     } 
    } 
    $('#hide').show(); 
    $('#result').html(result); 
}); 

$('.reset').on('click', function() { 
    $('#enter').trigger('keyup'); 
    $('#hide').hide(); 
}); 

$('#search').on('click', function() { 
    $('#enter').trigger('keyup'); 
}); 

HTML：

<form> 

<h3>Enter:</h3> 

    <textarea value="" id="enter"></textarea> 
    <br /> 
    <button id="search" class="btn btn-primary">Search</button> 
    <div id="hide"> 
     <h3>Result:</h3> 

     <div id="result"></div> 
     <br /> 
     <input type="reset" value="Reset" class="button reset" /> 
    </div> 
</form> 

樣品代碼輸入textarea：

9998524561 
9991239872 
9999517533 
9994561234 
9994561235 

最後一個代碼導致不存在的URL，應該顯示一些消息。

任何想法驗證網址並顯示一條消息，該網址不存在？

的jsfiddle：

http://jsfiddle.net/5ynfedgo/1/

Answer 1

你有一個很好的答覆這裏：https://stackoverflow.com/a/92819/819651

integration with your code.