2 forms in one page doesn't work

hi,

I have 2 different forms in one page, but only one works

https://www.prabhatha.com/join-prabhat/register-form/

Can anyone help?

<form name="join_Prabhat" method="POST" data-netlify="true" data-netlify-recaptcha="true" action="/register/thank-you/">
                        <div class="form-group">
                            <label>Name of the Parent</label>
                            <input type="text" class="form-control" name="Name of the Parent" placeholder="Enter Parent's name" aria-label="Name of the Parent" required>
                        </div>
                        <div class="form-group">
                            <label>Name of the Student</label>
                            <input type="text" class="form-control" name="Name of the Student" placeholder="Enter student's name" aria-label="Name of the Student" required>
                        </div>
                        <div class="form-group">
                            <label>Institution branch area</label>
                            <input type="text" class="form-control" name="Institution branch area" placeholder="Enter Institution branch area" aria-label="Institution branch area" required>
                        </div>
                        <div class="form-group">
                            <label>Contact #</label>
                            <input type="tel" class="form-control" name="Contact #" placeholder="your 10 digit mobile no." minlength="10" maxlength="10" autocomplete="off" aria-label="Contact number" required>
                        </div>
                        <div class="form-group">
                            <label>Email</label>
                            <input type="email" class="form-control" name="Email id" placeholder="abc@somemail.com" aria-label="e_mail_address" autocomplete="off" required>
                        </div>
                        <div class="form-group">
                            <label>Profession</label>
                            <input type="text" class="form-control" name="Profession" placeholder="Enter your Profession" aria-label="Profession" required>
                        </div>
                        <div class="form-group">
                            <label>Select course</label>
                            <select class="form-control" name="course" aria-label="select course" required="">
                                <option value="Bharatanatyam Dance">Bharatanatyam Dance</option>
                                <option value="Kathak Dance">Kathak Dance</option>
                                <option value="Karnatic Music">Karnatic Music</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Message</label>
                            <textarea class="form-control" name="Message" placeholder="Enter your message" rows="3"
                                aria-label="message" spellcheck="false" required></textarea>
                        </div>
                        <div data-netlify-recaptcha="true" class="mb-3"></div>
                        <input type="submit" class="btn btn-info1" value="Submit" aria-label="Submit button">
                    </form>

the above form doesn’t work and its recaptcha also is not showing

The form in footer only works, register form doesn’t what is the reason?

Thank you

Hi @TenSketch! Could you also send us the code for the form that is working? Thank you!

Hi,

this is the contact form which works fine on the same page,

<form name="contact" method="POST" data-netlify="true" data-netlify-recaptcha="true"
action="/thank-you">
<div class="form-group">
    <label style="text-align:left" for="name">Name</label>
    <input type="text" class="form-control" name="Name" placeholder="Enter your name" aria-label="Name"
        required>
</div>
<div class="form-group">
    <label for="contact">Contact #</label>
    <input type="tel" class="form-control" name="Contact #"
    placeholder="your 10 digit mobile no." aria-label="contact_no" minlength="10" maxlength="10"
    autocomplete="off" required>
</div>
<div class="form-group">
    <label for="email">Email</label>
    <input type="email" class="form-control" name="Email id" placeholder="abc@somemail.com" aria-label="e_mail_address" autocomplete="off" required>
</div>
<div class="form-group">
    <label for="message">Message</label>
    <textarea class="form-control" name="Message" placeholder="Enter your message" rows="3"
        aria-label="message" spellcheck="false" required></textarea>
</div>
<div data-netlify-recaptcha="true" class="recaptcha"></div>
<input type="submit" class="btn btn-info1" value="Submit" aria-label="Submit button">

this is the one in the footer, whereas the join_Prabhat form on the page, and it doesn’t show the captcha also when there is another form in the footer.

You’ve run into a known issue where our build-in explicit recaptcha is only able to handle one recaptcha per page. I’ve added you to the bug report so that you will get notified if we get that fixed.

In the meantime, you can try implementing a custom recaptcha with your own settings as mentioned here: https://docs.netlify.com/forms/spam-filters/#custom-recaptcha-2

Try that first to see if it unblocks your other form not working issue.

1 Like

I have added custom recapthca to join_Prabhat form and both forms works, but an earlier issue in join_Prabhat (1st form) exists still (https://community.netlify.com/t/form-responses-are-empty/6241/8)
Do you have any solution to this too?

We’ll keep working on that in the other thread where I just replied.

1 Like

https://community.netlify.com/t/form-responses-are-empty/6241/18?u=tensketch