如何提交单个表单并使用两个提交按钮一键单击然后验证答案

【问题标题】：how to submit the single form and use two submit button one button click then validate如何提交单个表单并使用两个提交按钮一键单击然后验证
【发布时间】：2016-02-21 11:20:24
【问题描述】：

<form>
    <input type="submit" name="submit" id="formSubmit" value="SAVE FOR NOW" />
    &nbsp;&nbsp;&nbsp;
    <input type="submit" name="submitAndConfirm" id="submitAndConfirm" value="CONFIRM AND UPLOAD TO SERVER" />
</form>
$(document).ready(function(){
    $('#addPat').submit();
    $('#submitAndConfirm').click(function(){
        $('#addPat').validate({
            rules:{

                iscosId:{required:true},
                pat_id:{required:true},
                admissionDate:{required:true},

                dischargePlace:{required:true}

            },messages:{
                iscosId:"Please reload the Page",
                pat_id:"This field cannot be empty",
                admissionDate:"This field cannot be empty",

                dischargePlace:"This field cannot be empty"

            }
        });
    });
});

我想要的是；当我提交 formSubmit 按钮时，我希望表单不进行验证，但是当我单击 submitAndConfirm 按钮时，我希望验证要验证的表单。

【问题讨论】：

您没有解释您遇到的问题是什么？你的代码有效吗？它会产生任何错误吗？
附带说明，切勿将表单内任何元素的名称属性设置为submit。这会覆盖原生 DOM 方法：form.submit()
只需将第一个按钮的类型更改为“按钮”并添加一个 onclick 函数来验证表单。仅在验证为 true 时，然后启用另一个提交按钮来提交表单？
将两种输入类型提交更改为“按钮”。在“立即保存”上使用 jquery 提交表单，在“确认并上传到服务器”上单击验证表单，然后使用 jquery 提交。

标签： javascript php jquery mysql forms

【解决方案1】：

<script>
$(document).ready(function(){
...
});
</script>

无论如何，我会用php检查它。

<?php 
if (isSet($_POST['submit'])) {
  if ($_POST['submit'] == "SAVE FOR NOW") {
    //Your PHP testing & action code
  } else { //or elseif ($_POST['submit'] == "CONFIRM AND UPLOAD TO SERVER"
    //Your PHP code 
  };
};
?>

【讨论】：

【解决方案2】：

如果我完全理解了问题，你可以试试这个。

当您希望通过按钮保存表单并通过另一个按钮提交时，您必须使用按钮末尾的属性“formnovalidate”，如下所示：

<form action="" method="get" novalidate>
    <p><label for="Text1" >First Name: </label><input name="Text1" type="text" required></p>
    <p><label for="Text2">Last Name: </label><input name="Text2" type="text"></p>
    <p><label for="Text3">Favorite Color: </label><input name="Text3" type="text"></p>
    <p><input name="Submit1" type="submit" value="submit">&nbsp;</p>
    <p><input name="Save" type="button" value="save" formnovalidate>&nbsp;</p>
</form>

【讨论】：

但是如果我点击确认按钮验证是工作后我点击保存按钮那次为什么我的表单是验证
如果您希望您的表单不验证任何内容，您可以删除第二个按钮。但是如果你想让一个按钮保存你的信息，你必须删除'form'上的'novalidate'属性。

【解决方案3】：

试试这个

$(document).ready(function(){

$('#formSubmit').click(function(){
    $('#addPat').submit();
});


$('#submitAndConfirm').click(function(){
$('#addPat').validate({
    rules:{

        iscosId:{required:true},
        pat_id:{required:true},
        admissionDate:{required:true},
        dischargePlace:{required:true}

    },messages:{
        iscosId:"Please reload the Page",
        pat_id:"This field cannot be empty",
        admissionDate:"This field cannot be empty",

        dischargePlace:"This field cannot be empty"

    }
});
});

});

【讨论】：