Form not submitting

[makenote3]

Hi, I have a form for musicians to register their disrespect to attend a jam event. Some are reporting the form won't submit where others are using it without issue. Could someone take a look at the code and see if there's anything I've done wrong that could be causing this?

Here's the page with the form:

https://candelobluesclub.info/jam.php

The most recent complaint came from someone using windows 10 and Brave Browser BUT they tried with Android phone using Brave and it went through.

Here's the object code:

<div id="wb_LayoutGrid3">
<form name="register" method="post" action="<?php echo basename(__FILE__); ?>" enctype="multipart/form-data" id="LayoutGrid3" onsubmit="return submitregister()">
<input type="hidden" name="formid" value="layoutgrid3">
<div class="row">
<div class="col-1">
<div id="wb_Text1">
<div style="font-family:Arial;font-size:13px;color:#000000;">
<div><span style="font-size:16px;color:#FFFFFF;"><strong>On Jam Day the Candelo Blues Club crew provide a full PA system (with sound engineer) for the jammers.</strong></span></div>
<div>&nbsp;</div>
<div><span style="color:#FFFFFF;">Here's what we provide:</span></div>
<div>&nbsp;</div>
<div><span style="font-size:16px;color:#B22222;"><strong>The Back Line:</strong></span></div>
<div><span style="color:#0000FF;"><a href="https://voxamps.com/product/the-vox-ac15-custom/">Vox AC15C1 Guitar amp</a></span></div>
<div><span style="color:#0000FF;"><a href="https://www.fender.com/en-AU/guitar-amp ... ml">Fender Blues Junior IV Guitar amp</a></span></div>
<div><span style="color:#FFFFFF;">Bass Amp</span></div>
<div>&nbsp;</div>
<div><span style="font-size:16px;color:#B22222;"><strong>Drums: </strong></span></div>
<div><span style="color:#FFFFFF;">5 piece Sonor kit with cymbals</span></div>
<div><span style="font-size:16px;color:#FFFFFF;">BYO STICKS!</span></div>
<div><span style="color:#FFFFFF;">The crew is happy to help change out your own snare or cymbals if you wish but the changeover has to be fast so please don't go over the top bringing&nbsp; too much of your own gear - it's a blues jam and there's a three song limit.</span></div>
<div>&nbsp;</div>
<div><span style="font-size:16px;color:#B22222;"><strong>Guitars:</strong></span></div>
<div><span style="font-size:16px;color:#FFFFFF;">BYO axe</span><span style="color:#FFFFFF;"> (and pedal board if you use one). Due to space and time restrictions we'd rather you used the amps provided.</span></div>
<div>&nbsp;</div>
<div><span style="font-size:16px;color:#B22222;"><strong>Keyboard:</strong></span></div>
<div><span style="font-size:16px;color:#FFFFFF;">BYO keys</span><span style="color:#FFFFFF;"> (and speaker if you wish) but there's great foldback and DI's available to just plug in.</span></div>
<div>&nbsp;</div>
<div><span style="font-size:16px;color:#B22222;"><strong>Vocals:</strong></span></div>
<div><span style="color:#FFFFFF;">Plenty of SM58 mics which are sanitized after every set</span></div>
<div>&nbsp;</div>
<div><span style="font-size:16px;color:#B22222;"><strong>Brass:</strong></span></div>
<div><span style="font-size:16px;color:#FFFFFF;">BYO brass</span><span style="color:#FFFFFF;"> instrument, mics provided.</span></div>
<div>&nbsp;</div>
<div><span style="font-size:16px;color:#B22222;"><strong>Harmonica:</strong></span></div>
<div><span style="font-size:16px;color:#FFFFFF;">BYO harps</span><span style="color:#FFFFFF;">. You can use the house SM58 mics or bring your own bullet and a small amp if you wish but remember, it's only 3 songs.</span></div>
<div>&nbsp;</div>
<div><span style="font-size:16px;color:#B22222;"><strong>Misc:</strong></span></div>
<div><span style="color:#FFFFFF;">We have plenty of DI's and mics with stands</span></div>
<div>&nbsp;</div>
<div>&nbsp;</div>
</div>
</div>
</div>
<div class="col-2">
<div id="wb_LayoutGrid2">
<div id="LayoutGrid2">
<div class="row">
<div class="col-1">
<div id="wb_Text2">
<div style="font-family:Arial;font-size:13px;color:#000000;">
<div><span style="font-size:16px;color:#FFFFFF;"><strong>If you'd like to join in the jam, please use this form to register so we can make sure you get a spot. (Time is sometimes an issue so no guarantees, sorry).</strong></span></div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_LayoutGrid4">
<div id="LayoutGrid4">
<div class="row">
<div class="col-1">
<label for="LayoutGrid6" id="Label1" style="display:block;width:100%;line-height:13px;z-index:69;">Name:</label>
</div>
<div class="col-2">
<input type="text" id="Editbox1" style="display:block;width: 100%;height:25px;z-index:70;" name="name" value="" spellcheck="false" placeholder="Your Full Name">
</div>
</div>
</div>
</div>
<div id="wb_LayoutGrid8">
<div id="LayoutGrid8">
<div class="row">
<div class="col-1">
<label for="LayoutGrid7" id="Label4" style="display:block;width:100%;line-height:13px;z-index:71;">Email:</label>
</div>
<div class="col-2">
<div id="wb_Editbox3" style="display:inline-block;width:100%;z-index:72;">
<input type="text" id="Editbox3" style="" name="email" value="" spellcheck="false" placeholder="Your valid email address">
<div class="invalid-feedback">you must use a valid email address</div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_LayoutGrid5">
<div id="LayoutGrid5">
<div class="row">
<div class="col-1">
<label for="LayoutGrid7" id="Label2" style="display:block;width:100%;line-height:13px;z-index:73;">Phone:</label>
</div>
<div class="col-2">
<div id="wb_Editbox2" style="display:inline-block;width:100%;z-index:74;">
<input type="text" id="Editbox2" style="" name="phone" value="" spellcheck="false" placeholder="Your phone number in case of a problem">
<div class="invalid-feedback">please give a number so we can notify you of any issues</div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_LayoutGrid9">
<div id="LayoutGrid9">
<div class="row">
<div class="col-1">
<label for="Button1" id="Label5" style="display:block;width:100%;line-height:13px;z-index:75;">Instrument:</label>
</div>
<div class="col-2">
<div id="wb_TextArea1" style="display:inline-block;width:100%;height:30px;z-index:76;">
<textarea name="Instrument of Choice" id="TextArea1" style="" rows="1" cols="1" spellcheck="false" placeholder="Your instrument of choice (max. 400 letters)"></textarea>
<div class="invalid-feedback">please let us know what you play</div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_LayoutGrid10">
<div id="LayoutGrid10">
<div class="row">
<div class="col-1">
<label for="Button1" id="Label6" style="display:block;width:100%;line-height:13px;z-index:77;">Jam Month:</label>
</div>
<div class="col-2">
<div id="wb_TextArea2" style="display:inline-block;width:100%;height:30px;z-index:78;">
<textarea name="The month you want to jam" id="TextArea2" style="" rows="1" cols="1" spellcheck="false" placeholder="The month you want to jam"></textarea>
<div class="invalid-feedback">what month would you like to jam</div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_LayoutGrid6">
<div id="LayoutGrid6">
<div class="row">
<div class="col-1">
<label for="Button1" id="Label3" style="display:block;width:100%;line-height:13px;z-index:79;">Message:</label>
</div>
<div class="col-2">
<textarea name="Anything we should know about" id="Message" style="display:block;width: 100%;;height:100px;z-index:80;" rows="1" cols="1" spellcheck="false" placeholder="Anything we should know about"></textarea>
</div>
</div>
</div>
</div>
<div id="wb_LayoutGrid7">
<div id="LayoutGrid7">
<div class="row">
<div class="col-1">
</div>
<div class="col-2">
<a id="Button1" href="" style="display:inline-block;width:96px;height:25px;z-index:81;">Send</a>
</div>
<div class="col-3">
</div>
</div>
</div>
</div>
<input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response">
</div>
</div>
</form>
</div>

[Pablo]

The form seems to be working correct.
What are the exact steps to make it not work?

[makenote3]

Hi Pablo, that's what I can't work out. The user I mentioned says he fills out the details correctly and it just hangs - no error page. Perhaps it's the Brave browser and Windows 10. He said it worked on android with Brave browser.

[Pablo]

I do not think there is anything wrong with the form.
It should work with any browser because the form is processed on the server side.

[makenote3]

Hi Pablo, I'm still having trouble with this form. Today I've filled it out twice and got ticks next the the boxes that need validation but when I click submit, the page refreshes, clears the form but doesn't show the success or error page. And the email doesn't come through.This means people could be registering and they think they have but in reality, their message isn't getting through. Could you take another look please?

[Pablo]

The following file is missing on the server
jquery.inputmask.min.js

Please make sure that you publish all files.

Also, I recommend to select version 3 of jQuery in the page properties.

[makenote3]

Thanks Pablo I've changed to jquery-3.6.0.slim.min.js and made sure jquery.inputmask.min.js is on the server but I'm still getting the same result.

[makenote3]

I've re-built the form from scratch with no constraints. It's working fine.

[Pablo]

Please be careful with using jquery-3.6.0.slim.min.js
This version has limited (slim) functionality, so not all jQuery features (like effects, ajax) will work.