我使用 JQ 和 CSS 来验证表单,并与一些 JS 结合使用,我隐藏了部分表单,直到用户单击“继续”。但是,我无法将样式应用于表单中的“继续”或“立即加入”按钮
您可以在这里查看我的示例 example1
当您单击“继续”时,会出现表单的第二部分,然后您可以单击“加入”,然后表单验证过程就会启动。但是,最底部的“立即加入”按钮是应该采用的样式 应用于我的按钮,但不是(我不知道为什么,我已经尝试了我能想到的一切)
所以,我决定不使用 CSS 来设置按钮样式,而是使用翻转图像。这适用于设置按钮样式,但是当我尝试提交表单时,不会执行任何验证
你可以在这里看到这个example2
任何人都可以弄清楚我如何完成 1 或 2 (即通过验证来设计按钮或翻转图像的样式)
非常感谢
最佳答案
例如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
时,它工作正常。
关于javascript - 当使用翻转图像提交表单时,我的验证被忽略,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9566265/