Handling multiple forms on a single page

Question

I have a page with a select option

<div class="col-md-7">
    <select class="selection" name="selection">
        <option value="ab">Form One</option>
        <option value="ad">Form Two</option>
        <option value="nq">Form Three</option>
    </select>
</div>

<div id="content"></div>

For my JQuery, I just listen for the change

$(".selection").on("change", function(e){
    if($(this).val() == "ad"){
        $("#content").append(data);
    }
});

Now where this blade template lives (resources/views/customer), I have created a forms folder. In this folder are form1.blade.php and two more templates for the other forms.

How would I go about added the form template into the div with the id content?

Or is there a better way of handling multiple forms for a single page?

Can each form (form1, form2, form3) be included multiple times on one page? For example, can I add form1 3x times, and form2 x5 times? Or just once? — Chris, Sep 26 '15 at 01:33
Why don't you just include them in the base blade next to the select? — Chris, Sep 26 '15 at 07:11
I was going to do that, but thought it would be a bit messy having them all in the one file — katie hudson, Sep 26 '15 at 07:34

score 6 · Answer 1 · edited Dec 13 '18 at 08:56

6

Suppose, you have two forms like this:

View :

<form action="/url" method="post">
    <input name="some_field" value="1">
    <button type="submit" name="form1">Submit 1</button>
</form>
<form action="/url" method="post">
    <input name="some_field" value="1">
    <button type="submit" name="form2">Submit 2</button>
</form>

Now in Controller :

if ($request->has('form1')) {
    //handle form1
}

if ($request->has('form2')) {
    //handle form2
}

Source: https://laracasts.com/discuss/channels/laravel/two-form-on-one-page-both-submit

edited Dec 13 '18 at 08:56

mark_h

5,233
4
36
52

answered Feb 02 '17 at 15:13

partho

1,101
2
21
37

Yeah this is eazy and work well! Thanks – Ivan Apr 13 '23 at 09:50

score 0 · Answer 2 · answered Mar 15 '18 at 06:36

0

Assign values to submit and check to see if $request->has() the value. Then use logic inside the controller.

answered Mar 15 '18 at 06:36

Eazy Sam

288
1
2
9

score 0 · Answer 3 · answered Jan 12 '23 at 12:57

0

Just add an id to the form you wanna submit.

<script>
    $(document).on("click","#formPass",function() {
        $(this).parents("form").submit();
    });
</script>

answered Jan 12 '23 at 12:57

Wakil Ahmed

1,053
1
8
16

Handling multiple forms on a single page

3 Answers3

Linked