Question

我的表格有一个班级=＆＃34; myfrm＆＃34;并包含由输入字段组成的字段集。在fieldset标签之后，我有一个div标签并分配了class =＆＃34; ack-msg＆＃34;其中包含确认消息。

在CSS中我有

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

提交表单时，字段集将由确认替换。当表单按预期完成时，这可以正常工作，但是当表单验证失败时，会显示一条消息但是确认类=＆＃34; ack-msg＆＃34;启动并替换字段集，就好像它已经过去一样。

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

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

此外，如果我在验证失败后检查页面并且确认被显示，则表单声明已更新类=＆＃34;我的-FRM＆＃34; 至 class =＆＃34; my-frm提交了＃34;

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

对此欢迎任何帮助。

提前致谢，奈德

Answer 1

尝试在提醒后立即使用javascript删除已提交的类。如果你有jQuery：

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

javascript表单验证不阻止css。从动作中提交

1 个答案: