Home › Forums › Arnold HTML5 Template › Contact Form Bugs
- This topic has 6 replies, 2 voices, and was last updated 9 years ago by
a1anm.
-
AuthorPosts
-
May 2, 2017 at 9:16 am #12759
I have installed the Arnold HTML 5 theme but the contact form doesn’t appear to be working as expected.
There aren’t any validation errors on the fields though it appears from the code that there should be. The email won’t send if the email isn’t formatted correctly or if fields are left blank but the user isn’t shown any error messages.
Also, when I send an email I get the email success message but the “Sending” message doesn’t disappear so both are shown.
I noticed in web inspector that the file gridstack.min.map was missing (this is the same as in your example site). I found a version of this file online and used this (not sure if this is correct or not).
It hasn’t fixed the above mentioned issues.
May 3, 2017 at 4:00 am #12766Hi,
thanks for reminding the problem.Please try to use the css to fix the sending issue add into last line of pagebuild.css:
.contactform .success ~ .sending { display: none; }link the js file:
<script type='text/javascript' src='js/jquery-migrate.min.js'></script>
here:

p.s. you can remove the 2 js files from contact page
<script type='text/javascript' src='js/jquery-ui.min.js'></script> <script type='text/javascript' src='js/gridstack.min.js'></script>Regards!
Bwsm
May 9, 2017 at 7:47 am #12846Thanks! I added the above and the “Invalid Email” warning now appears for incorrectly formatted emails.
However, the “Required” warning doesn’t show for any of the fields if the field is not completed.
The message will send if both Name and Message are not completed.
May 10, 2017 at 1:55 am #12859please leave your page url, thanks!
May 10, 2017 at 7:02 am #12869This reply has been marked as private.May 10, 2017 at 7:27 am #12872please find the line 732 of /js/theme.pagebuilder.js
update as:
if($.trim($(this).val()) == '' || $.trim($(this).val()) == 'Name' || $.trim($(this).val()) == 'Email' || $.trim($(this).val()) == 'Required' || $.trim($(this).val()) == 'Invalid email' || $.trim($(this).val()) == 'YOUR MESSAGE'){May 10, 2017 at 7:33 am #12873That worked. Thanks!
-
AuthorPosts
- You must be logged in to reply to this topic.
