Question

我能够通过包含目录代码来生成URL我已经验证了应该放入textarea的字符数和数字。

我会以某种方式验证生成的URL是否有效，否则显示类似＆＃34; url不起作用＆＃34;

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的示例代码：

最后一个代码导致一个不存在的URL，应显示一些消息。

是否有任何想法验证网址并显示网址不存在的消息？

的jsfiddle：

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

Answer 1

你在这里得到了很好的答复：https://stackoverflow.com/a/92819/819651

integration with your code.

在jQuery中动态验证图像路径

1 个答案: