Form sumbit event not firing everytime when the form submits

For engineers
3

Hi @Colm,

Thanks for the suggestions. I tried using your suggestions still it’s not working.

Below is the form which is hard coded in the html. page. I am not creating it dynamically.

                    <form class="theme-form" method="post" id="contact-form"> 
                        {% csrf_token %}
                        <div class="form-row">
                            <div class="col-md-6">
                                <label for="name">First Name</label>
                                <input type="text" class="form-control" required="required" id="name" placeholder="Enter Your name"
                                    required="">
                            </div>
                            <div class="col-md-6">
                                <label for="email">Last Name</label>
                                <input type="text" class="form-control" required="required" id="last-name" placeholder="Email" required="">
                            </div>
                            <div class="col-md-6">
                                <label for="review">Phone number</label>
                                <input type="text" class="form-control" required="required" id="review" placeholder="Enter your number"
                                    required="">
                            </div>
                            <div class="col-md-6">
                                <label for="email">Email</label>
                                <input type="text" class="form-control" required="required" id="email" placeholder="Email" required="">
                            </div>
                            <div class="col-md-12">
                                <label for="review">Write Your Message</label>
                                <textarea class="form-control" placeholder="Write Your Message"
                                    id="exampleFormControlTextarea1" rows="6" required="required"></textarea>
                            </div>
                            <div class="col-md-12">
                                <button class="btn btn-solid" type="submit">Send Your Message</button>
                            </div>
                        </div>
                    </form>

Below is the script i used to make sure enableFormTracking is called after form is loaded

var formLoadedInterval = setInterval(function()
					   {
					     if($("#contact-form").length)
					       {
                              clearInterval(formLoadedInterval);
						       window.snowplow_2('enableFormTracking');
				     		   console.log("enableFormTracking called");
					       }
					    },1000);

One point i would like to make that i am able to see focus_form and change_form events in server console. There are no issues with these two events. What i am not getting to see is submit_form event.

As you have asked for the case where the same issue has been discussed. Please find the following link to that case.

Form tracking is an integral part of our application. We really need to fix this. Your help is needed the most. Please let me know if you need any other information from my side.

Regards
Amandeep Singh