javascript - 当使用翻转图像提交表单时，我的验证被忽略

Question

我使用 JQ 和 CSS 来验证表单，并与一些 JS 结合使用，我隐藏了部分表单，直到用户单击“继续”。但是，我无法将样式应用于表单中的“继续”或“立即加入”按钮

您可以在这里查看我的示例 example1

当您单击“继续”时，会出现表单的第二部分，然后您可以单击“加入”，然后表单验证过程就会启动。但是，最底部的“立即加入”按钮是应该采用的样式 应用于我的按钮，但不是(我不知道为什么，我已经尝试了我能想到的一切)

所以，我决定不使用 CSS 来设置按钮样式，而是使用翻转图像。这适用于设置按钮样式，但是当我尝试提交表单时，不会执行任何验证

你可以在这里看到这个example2

任何人都可以弄清楚我如何完成 1 或 2 (即通过验证来设计按钮或翻转图像的样式)

非常感谢

Answer 1

例如1...

1) 从 form.asp 中删除 #register .formbutton1 声明
2) 从 formstyle.css 中删除 #register fieldset input 声明
3)将以下内容添加到formstyle.css

input.formbutton1  {
    background:#2c2a29; 
    color:#fff; 
    font-size:16px; 
    line-height:25px;
    padding:0px 0px 0px 0px; 
    display:inline-block; 
    margin-top:0px;
}

input.formbutton1:hover {background:#C68DB6;}

正如您在上面所看到的，您已在多个位置指定了按钮的行为。当我清除它们并将其添加到 formstyle.css 时，它工作正常。