如何区分一种表单中提交按钮的两个单独操作，其中一个将数据保存到数据库中（按原样），另一个将表单作为有效请求提交，>>但是<< 根据HTML5 本机验证（我使用“必需” “ HTML 形式的属性）？
我的表单有 66 个字段，我不想在提交后在 PHP 中验证它们（因为这太麻烦和耗时），或者在提交前在 JS中验证它们（因为我在 JS 中不那么敏捷，就像在 PHP 中一样） ），所以我在 HTML5 中使用“required”和“type”属性，这是非常方便且非常通用的验证方式（除了旧浏览器之外）。但是，当使用“保存”按钮但不使用“发送以提交”按钮时，我找不到绕过“必需”属性的简单方法。您能帮忙提出解决方案吗？我想首选的方法是某种 JS/jQuery 方法，因为我无法确定在点击按钮之前将使用哪个按钮（这样我就可以将字段设置为必填或非必填）。
示例代码：
<form>
A: <input type="text" name="A" required />
B: <input type="text" name="B" required />
C: <input type="text" name="C" />
<input type="submit" name="save" value="Save"> <!--do not require anything-->
<input type="submit" name="send" value="Send for submission"> <!-- require everything-->
</form>
当然，我的表单很大，因为它有 66 个字段，所以这里最好的解决方案可能是通用的和通用的。
我想实现这个目标:屏幕两侧有两个装饰元素(一种波浪).这是我到目前为止所得到的.如果可以使用更优雅的解决方案(比如仅使用CSS样式的主体元素),那么请指教.如果两个<img>元素都不可见,那么下面的解决方案就没问题了.你可以检查一下这个.
这是工作的FIDDLE.
你能帮我吗？
<!doctype html>
<html class="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type="text/css" rel="stylesheet" href="styles/style.css" >
<style type="text/css">
.background_left {
background-image:url("http://www.destadesign.com/destacms/images/background_border_left.png");
background-repeat:repeat-y;
background-position:left;
position:absolute;
left:0;
}
.background_right {
background-image:url("http://www.destadesign.com/destacms/images/background_border_right.png");
background-repeat:repeat-y;
background-position:right;
position:absolute;
right:0;
}
.background_left, .background_right {
height:100%;
}
</style>
</head>
<body>
<div class="background_left">
<img src="http://www.destadesign.com/destacms/images/background_border_left.png">
</div>
<div class="background_right">
<img src="http://www.destadesign.com/destacms/images/background_border_right.png">
</div>
<div class="content" style="height:500px;"> <!-- content -->
</div>
</body>
</html>