javascript 表单验证不阻止 css.submitted 从操作

Question

我有一个带有 class="myfrm"的表单，其中包含一个由输入字段组成的字段集。在 fieldset 标记之后，我有一个 div 标记并分配了包含确认消息的 class="ack-msg"。

在 CSS 中我有

.myfrm.submitted fieldset {
    display: none;
}
.myfrm.submitted .ack-msg {
    display: block;
}

当提交表单时，字段集被确认替换。当表单按预期完成但当表单验证失败时会显示一条消息但确认 class="ack-msg"启动并替换字段集，就好像它通过了一样。

验证由表单上的 onSubmit 调用的 javascript 函数执行。下面列出了 javascript，为了简单起见，我有一个简短版本的脚本，它仅在提供的参数值 = 24 时通过验证。

function validateForm(v) 
{
  if(v.value != '24')
  { 
    alert("Oops! Try agan!");
    return false;
  } else { 
    return true;
  }
}

此外，如果我在验证失败后检查页面并且确认得到显示，则表单声明已更新自 类=“我的-frm”到 class="my-frm 已提交"

如果我应该列出其他详细信息，请告诉我。

欢迎任何帮助。

提前致谢，内德

Answer 1

尝试在警报之后立即使用 javascript 删除 submitted 类。如果你有 jQuery:

function validateForm(v) 
{
    if(v.value != '24')
    { 
        alert("Oops! Try agan!");
        $.(".my-frm").removeClass("submitted");
        return false;
    } else { 
        return true;
    }
}