Javascript 提交图像表单验证 $（'submitimg'）。在（'click'，function（）上{ $（'img'）.attr（'src'，$（'url'）.val（））； }); 函数验证（）{ if（$（'#img'）.attr（'src'）=='../static/img/placeholder.png'））{ 返回false； } }

此验证代码不适用于我。猜猜为什么

另外，if将validate函数中的if语句替换为just

alert（$（'img'）.attr（'src'））

---

警报显示

未定义
您的代码中有多个错误

首先，这会在浏览器中创建无限的404循环

$('#submit-img').on('click', function() {
    $('#img').attr('src', $('#url').val());     
});

function validate() {
    if ($('#img').attr('src') === '../static/img/placeholder.png'){
        return false;
    }
}

<form method="post" action="/{{ curr_user }}" enctype="multipart/form-data" onSubmit="return validate(this);" >
    <div class="imagey">
        <img id="img" src="../static/img/placeholder.png" onerror="this.src = '../static/img/placeholder.png'" alt="image" />
    </div>
    <span class="input-url">
         <input type="text" name = "url" id="url" placeholder="http://" maxlength="320"/>
    </span>
    <input type="submit" id="submit-img" name="op" value="Submit" class="form-submit"/>
</form>

当用户输入URL时，将显示图像

但是提交img是一个id#混淆了将我的代码作为类添加到imagey中-只是为了让它更清晰一点，而不是两个提交img“你为什么会单击图像-你不会单击提交按钮？啊，我明白了。好的，我附加了正确的代码。假设这就是你想要实现的：在用户输入url后显示图像。嗯，没有想过这样做-用“模糊”而不是“键控”，这样屏幕对用户闪烁的次数就会少一些？
<img id="img" src="../static/img/placeholder.png" onerror="this.src = '../static/img/placeholder.png'" alt="image" />

$(document).ready(function() {
    $('#url').on('keyup', function() {
        $('#img').attr('src', $('#url').val());
    });
});