Canvas Support

Modal form not working on website. Giving a "bot detected error"

1 reply·opened Sep 25, 2021
S
SJG1911Sep 25, 2021

I have created a form in a Modal on my website. But I am unable to get it to work.
IF you fill the details and send it, I you get an error = "bot detected error"
The name of the form is "template-contactform-popup"

Steps to replicate issue: Open the link >> click on any button "learn more" >> you will get the popup modal form

fill details and send. >> You will get the error.

I have another form on the same page "template-contactform1" which is not a pop up modal, that is working fine.

Both the forms are using copies of the same default include/form.php

Affected link - http://test.skilleasyacademy.com/body.php
same code on - http://test.skilleasyacademy.com/index.html

I'm not able to find what I have done wrong. Could you please help me with this.

S
SemiColonWebSTAFFSep 25, 2021

Hello,

The Code you are using for the Form is incorrect! Consider using the following code replacing the old one:

<div class="form-widget">
	<div class="form-result"></div>
	<form class="mb-0" id="template-contactform-popup" name="template-contactform-popup" action="include/form2.php" method="post">
		<div class="form-process">
			<div class="css3-spinner">
				<div class="css3-spinner-scaler"></div>
			</div>
		</div>
		<div class="col-12 form-group">
				<label for="template-contactform-popup-name">Name <small>*</small></label>
				<input type="text" id="template-contactform-popup-name" name="template-contactform-popup-name" value="" class="sm-form-control required" />
			</div>

			<div class="col-12 form-group">
			<div class="row">
			<div class="col-6">
				<label for="template-contactform-popup-email">Email <small>*</small></label>
				<input type="email" id="template-contactform-popup-email" name="template-contactform-popup-email" value="" class="email sm-form-control" />
			</div>

			<div class="col-6">
				<label for="template-contactform-popup-phone">Phone</label>
				<input type="text" id="template-contactform-popup-phone" name="template-contactform-popup-phone" value="" class="required sm-form-control" />
			</div>
				</div></div>
		<div class="col-6 form-group d-none">
			<!-- subject -->
				<input type="text" id="template-contactform-popup-subject" name="subject" value="Contact form enquiry" class="required sm-form-control" />
			</div>
		<div class="col-12 form-group">
				<label for="template-contactform-popup-message">Message <small>*</small></label>
				<textarea class="sm-form-control" id="template-contactform-popup-message" name="template-contactform-popup-message" rows="2" cols="30"></textarea>
			</div>

			<div class="col-12 form-group d-none">
				<input type="text" id="template-contactform-popup-botcheck" name="template-contactform-popup-botcheck" value="" class="sm-form-control" />
			</div>

			<div class="col-12 form-group">
			<button type="submit" class="button button-rounded button-small button-dark m-0" id="template-contactform-popup-submit" name="template-contactform-popup-submit" value="submit">Send Message</button>
			</div>

			<input type="hidden" name="prefix" value="template-contactform-popup-">

		<!-- E end -->
	</form>
</div>

This should definitely fix the issue. Hope this Helps!

Please consider checking out the Form Documentation and this should definitely help in fixing minor customization issues with the Form: http://docs.semicolonweb.com/docs/forms/form-setup/ .

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard