Javascript 使用formSubmit删除类

下面我的错误消息（带有突出显示的字段）工作正常。除了现在的权力，是想要一个不同的功能。 当前，错误消息会突出显示带有红色边框的字段，而在焦点上，边框将被删除。但是，现在，超级用户希望红色高亮显示一直持续到用户点击submit

onclick=“return formSubmit（）”

我尝试过使用.submit函数（从.focus函数中删除unbind和remove focus，但红色突出显示仍然存在）

<!--Jquery function to override JS alert with DOM layer alert message-->
function customAlert(inputID,msg){
   var div = $(".errorPopup");
   div.css({"display":"block"});
   $("#"+inputID).addClass("CO_form_alert").parent().addClass("alertRed");
   if (div.length == 0) {
     div = $("<div class='errorPopup' onclick='$(this).hide();'></div>");
     $("body").prepend(div);
   } 
   div.html(msg);
   $("#"+inputID).focus(function(){
        $(this).unbind('focus'); // remove this handler
        $(this).removeClass("CO_form_alert")
               .parent().removeClass("alertRed"); // undo changes
        $('.errorPopup').hide(); // hide error popup
   });

}

函数customAlert（inputID，msg）{
var div=$（“.errorPopup”）；
css（{“display”：“block}）；
$（“#”+inputID）.addClass（“CO_表单_警报”）.parent（）.addClass（“警报”）；
如果（div.length==0）{
div=$（“”）；
$（“正文”）。预付款（部门）；
} 
div.html（msg）；
$（“#”+inputID）.focus（函数（）{
$（this）.unbind（'focus'）；//删除此处理程序
$（此）.removeClass（“CO\u表单\u警报”）
.parent（）.removeClass（“alertRed”）；//撤消更改
$（'.errorPopup'）.hide（）；//隐藏错误弹出窗口
});
}

我不确定我是否理解你。如果不理解，请告诉我，但你不能这样做：

$('.theform').submit(function() {

  $('input', this).removeClass('CO_form_alert').parent().removeClass('alertRed');
  $('.errorPopup').hide();    

  return false;
});

---

为什么需要解除绑定？

在寻找上述解决方案时，我的想法太狭隘了——试图将removeClass与表单submit绑定在一起（表单submit中绑定了许多操作，可能过于复杂）

相反，我只是在错误检查开始时执行了一个remove类：

$("li").removeClass("alertRed");
$("input").removeClass("CO_form_alert");  
$("select").removeClass("CO_form_alert"); 

---

为什么不删除整个焦点绑定。不幸的是，上述操作不起作用。弹出窗口没有隐藏，alertRed类正在持久化。请发布相关的HTML？