Topic: validateForm() function doesn't work

MendipFlyer free asked 4 years ago

Expected behavior form should get sent or show error if field is missing

Actual behavior no response on send

Resources (screenshots, code snippets etc.) I'm using the basic contact form code. This worked OK until I inserted the javascript validation - now nothing happens. what am I missing?

MendipFlyer free answered 4 years ago

Right, so now I'm working through the section that uses Ajax to return to the form after sending. Firstly, before entering anything on the form page the status says 'name cannot be empty'. Then, after completing form, the page mail.php appears with json message 'Email successfully sent' code: 1. This does not return me to the form. What am I missing now?

Grzegorz Bujański staff commented 4 years ago

Did you use this in your code?

MendipFlyer free commented 4 years ago

Hi, Thanks, yes I was using that code, but it was not clear to me that it had to replace 'just' the lines document.getElementById('status').innerHTML = "Sending..."; document.getElementById('contact-form').submit(); in the previous javascript. it seems to be working now

Grzegorz Bujański staff commented 4 years ago

I'm glad you have solved the problem

Best, Grzegorz

MendipFlyer free answered 4 years ago

OK, it seems that there is no element called id on the page and so missing field errors were not being shown. Simples

Grzegorz Bujański staff commented 4 years ago


But it's ours mistake. We add <div class="status"></div> in html and try to catch this element by ID. we will fix it in our documentation.

Best, Grzegorz

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: laptop
  • Browser: firefox
  • OS: windows 10
  • Provided sample code: No
  • Provided link: Yes