验证后jQuery代码不更新答案

【问题标题】：jQuery Code not updating after validation验证后jQuery代码不更新
【发布时间】：2015-06-09 13:13:32
【问题描述】：

我正在制作一个 url 缩短网站，并且我有一些 jQuery 代码来检查 url 输入并在每次用户进行任何更改时对其进行验证。如果有效，则该字段变为绿色，如果无效，则保持红色直到变为绿色。它在那里工作正常，但是当字段正确并变为绿色时，如果您再次输入不正确，它仍然保持绿色。有什么解决办法吗？

jQuery 代码：

$(document).ready(function() {
    $('#url').bind('input', function() {
        var url = '';
        var url = $("#url").val();

        if (checkURL(url)) {
            $("#url").addClass('green');
        } else {
            $("#url").addClass('red');
        }
    });

    function checkURL(url) {
        return /^(https?|s?ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(url);
    }
});

【问题讨论】：

标签： javascript jquery validation input

【解决方案1】：

你忘了删除类：

 if (checkURL(url)) {
   $("#url").removeClass('red');
   $("#url").addClass('green');
 } else {
   $("#url").removeClass('green');
   $("#url").addClass('red');
 }

你可以在这里找到 jsfiddle：http://jsfiddle.net/bmkg56hd/

【讨论】：

谢谢。我是 jQuery 的新手，但仍在尝试弄清楚。干杯。