我处于一种状态,而另一种状态。我想要实现的是,当我提交父表单时,将其提交到已定义的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">
答案 0 :(得分:3)
您不应尝试将表格相互嵌套。 The HTML standards state this。
"There can be several forms in a single document, but the FORM element can't be nested."
如果您对此感到满意,只需针对不同的功能使用两种不同的形式,或者用一种形式即可完成所有工作。
最重要的是,从没有逻辑上的理由嵌套表格。
答案 1 :(得分:-3)
尝试一下
<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>