Question

我正在使用javascript表单验证，并使用jquery来显示错误消息并突出显示字段。

当前行为是当您单击“提交”时，验证运行会返回错误消息，当用户单击回到该字段时，错误消息将消失，但表单突出显示（字段周围的红色边框）仍然存在 - 直到用户再次提交表格。

需要的其他行为（在Firefox中工作但在IE中不工作）是当弹出错误状态时，返回错误的字段应该失去焦点，并且用户必须单击返回字段（然后删除错误信息）。在IE中，焦点永远不会被删除。

<script language="JavaScript" type="text/javascript">
<!--Jquery function to override JS alert with DOM layer alert message-->
function customAlert(){
    var args = arguments;
    if(args.length > 1) {
        // check that custom alert was called with at least two arguments
        var msg = args[0];
        $("li").removeClass("alertRed");
        $("input").removeClass("CO_form_alert");
        $("select").removeClass("CO_form_alert");
        var div = $(".errorPopup");
        div.css({"display":"block"});
        if (div.length == 0) {
            div = $("<div class='errorPopup' onclick='$(this).hide();'></div>");
            $("body").prepend(div);
        }
        div.html(msg);
        for(var i = 1; i < args.length; i++) {
            var inputID = args[i];
           $("#"+inputID).addClass("CO_form_alert").parent().addClass("alertRed");
            $("#"+inputID).focus(function(){
                $(this).unbind('focus'); // remove this handler
                $('.errorPopup').hide(); // hide error popup
            });
        }
     }
}

</script>

Answer 1

~~而非unbind('focus')您可以尝试blur()~~

修改

Blur Event Does not get Fired in IE7 and IE6

从表单字段中删除焦点（在FF中工作但不在IE中工作）

1 个答案: