如何将两个按钮组合成一个？

我有以下两个按钮：如何将两个按钮组合成一个？

<button type="submit" id="gform_submit_button_1">Submit</button> 

<button type="button" data-is_quote="1" data-button="simple_add_to_quote" data-product-type="simple" data-product-id="75448" id="add_to_quote">Submit</button>

的#gform_submit_button_1按钮验证表单条目提交数据到服务器

前后#add_to_quote按钮提交表单数据而无需验证它

我希望能够验证表格&使用#add_to_quote按钮提交。任何解决方案

来源

2016-04-29 Alex

您确认使用HTML 5吗？ –

这两个按钮都在窗体标签内，对吗？ –

如果没有与'gform_submit_button_1'绑定的点击处理程序，为什么不能将'type'更改为'submit'作为'add_to_quote'？ – imvain2

单击add_to_quote时触发单击gform_submit_button_1按钮的事件。

$("#add_to_quote").click(function() { 
    $("#gform_submit_button_1").click(); 
});

来源

2016-04-29 13:50:02

我试过你的解决方案，但它似乎并没有为我工作。 – Alex

难道不可能摆脱第一个按钮并以某种方式利用它的ID吗？ – Alex

尝试获取表单的选择符并执行'$（）。attr（'novalidate'，true）.submit（）'; （它应该进入'$（“＃add_to_quote”）。click（function（）{'） –

我不知道，我得到这个问题的权利，但这里是一个可能的解决方案：包含所有数据-X值的隐藏输入创建表单元素和一个提交按钮提交表单。

<form method="GET/POST" action="validation.php"> 
    <input type="hidden" name="data-validation" data-is_quote="1" data-button="simple_add_to_quote" data-product-type="simple" data-product-id="75448" id="add_to_quote"> 
    <input type="submit" value="submit" id="add_to_quote"> 
</form>

我希望它能帮上忙！

来源

2016-04-29 15:18:05 Lou

@Dhara帕尔马的解决方案是好的......但缺少event.stopPropagation()和event.preventDefault()这样的：

$("#add_to_quote").click(function() { 
    $(this).preventDefault(); //to stop submit 
    $(this).stopPropagation();//to avoid the event bubbling up to other submit buttons, if any... 
    $("#gform_submit_button_1").click(); 
});

来源

2016-04-29 15:26:58

你可以打电话验证，并直接从类型=按钮点击提交表单的功能处理程序，使其行为像类型=提交

$("#add_to_quote").click(function() { 
    if (!$("#TheForm").validate()) { //native validation triggered 
     return false; 
    } else { 
     $("#TheForm").submit() 
    } 
});

来源

2016-04-29 15:35:47 sweaver2112

如何将两个按钮组合成一个？

回答

相关问题