我处于一种情况,我在另一种形式中有一个表格。我想要实现的是当我提交父表单时,它被提交到一个定义的URL但是,当我提交子表单时,它被提交到一个不同的URL。
我知道在html中不可能使用嵌套表单,但是任何人都可以使用JQuery或JavaScript建议任何技巧或提示,以便提交子表单禁用父表单?
下面是我的HTML结构:
<form action="{{url('checkout')}}" class="mt-5 check-out-form" method="post">
<form action="{{url('user/address')}}" class="mt-5 check-out-form" method="post">
<input type="submit" value="Update Address">
</form>
<input type="submit" value="CheckOut">
您不应该尝试在彼此之间嵌套表单。 The HTML standards state this。
"There can be several forms in a single document, but the FORM element can't be nested."
如果您对它感到满意,可以使用两种不同的形式来实现不同的功能,或者只使用一种形式来完成所有功能。
底线是没有合理的理由来嵌套表单。
试试这个
<form action="{{url('checkout')}}" class="mt-5 check-out-form" method="post">
<form action="{{url('user/address')}}" class="mt-5 check-out-form" method="post">
<button onclick="$(this).closest('form').submit()">Send 1</button>
</form>
<button onclick="$(this).closest('form').submit()">Send 2</button>