issues with quote form

1 reply·opened Aug 23, 2016
J
johnburgess86Aug 23, 2016

i created a quote form and whenever you submit it just takes you to /quickqoute.php and doesnt send an email or validate anything. Im not sure what I am missing at this point.

http://ranchworx.com/new-site3/main-index.html

<div class="widget quick-quote-widget clearfix">
	<h2>Get A Quote</h2>
	<div class="quick-quote-form-result"></div>
	<form id="quick-quote-form" name="quick-quote-form" action="include/quickquote.php" method="post" class="quick-quote-form nobottommargin">
		<div class="form-process"></div>
		<input type="text" class="required sm-form-control input-block-level" id="quick-quote-form-name" name="quick-quote-form-name" value="" placeholder="Full Name" />
		<input type="text" class="required sm-form-control email input-block-level" id="quick-quote-form-email" name="quick-quote-form-email" value="" placeholder="Email Address" />
		<input type="text" class="required sm-form-control postalcode input-block-level" id="quick-quote-form-postalcode" name="quick-quote-form-postalcode" value="" placeholder="Postal Code" />
			<label>Which Product</label>
			<select id="quick-quote-form-service" name="quick-quote-form-service" class="sm-form-control">
				<option value="">RanchWorx Series Single Drum</option>
				<optgroup label="RanchWorx 30 inch Single Drum">
					<option value="RW SD 8x30">8' x 30" RanchWorx Series</option>
					<option value="RW SD 10x30">10' x 30" RanchWorx Series</option>
					<option value="RW SD 12x30">12' x 30" RanchWorx Series</option>
					<option value="RW SD 14x30">14' x 30" RanchWorx Series</option>
				</optgroup>
				<optgroup label="RanchWorx 42 inch Single Drum">
					<option value="RW SD 8x42">8' x 42" RanchWorx Series</option>
					<option value="RW SD 10x42">10' x 42" RanchWorx Series</option>
					<option value="RW SD 12x42">12' x 42" RanchWorx Series</option>
					<option value="RW SD 14x42">14' x 42" RanchWorx Series</option>
				</optgroup>
				<optgroup label="RanchWorx 54 inch Single Drum">
					<option value="RW SD 10x54">10' x 54" RanchWorx Series</option>
					<option value="RW SD 12x54">12' x 54" RanchWorx Series</option>
					<option value="RW SD 14x54">14' x 54" RanchWorx Series</option>
				</optgroup>
			</select>
			<select id="quick-quote-form-service2" name="quick-quote-form-service2" class="sm-form-control">
				<option value="">RanchWorx Series Tandem Drum</option>
				<optgroup label="RanchWorx 30 inch Single Drum">
					<option value="RW SD 8x30">8' x 30" RanchWorx Series</option>
					<option value="RW SD 10x30">10' x 30" RanchWorx Series</option>
					<option value="RW SD 12x30">12' x 30" RanchWorx Series</option>
					<option value="RW SD 14x30">14' x 30" RanchWorx Series</option>
				</optgroup>
				<optgroup label="RanchWorx 42 inch Single Drum">
					<option value="RW SD 8x42">8' x 42" RanchWorx Series</option>
					<option value="RW SD 10x42">10' x 42" RanchWorx Series</option>
					<option value="RW SD 12x42">12' x 42" RanchWorx Series</option>
					<option value="RW SD 14x42">14' x 42" RanchWorx Series</option>
				</optgroup>
				<optgroup label="RanchWorx 54 inch Single Drum">
					<option value="RW SD 10x54">10' x 54" RanchWorx Series</option>
					<option value="RW SD 12x54">12' x 54" RanchWorx Series</option>
					<option value="RW SD 14x54">14' x 54" RanchWorx Series</option>
				</optgroup>

			</select>
			<select id="quick-quote-form-service3" name="quick-quote-form-service3" class="sm-form-control">
				<option value="">RanchWorx Series Triplex</option>
				<optgroup label="RanchWorx 30 inch Single Drum">
					<option value="RW SD 8x30">8' x 30" RanchWorx Series</option>
					<option value="RW SD 10x30">10' x 30" RanchWorx Series</option>
					<option value="RW SD 12x30">12' x 30" RanchWorx Series</option>
					<option value="RW SD 14x30">14' x 30" RanchWorx Series</option>
				</optgroup>
				<optgroup label="RanchWorx 42 inch Single Drum">
					<option value="RW SD 8x42">8' x 42" RanchWorx Series</option>
					<option value="RW SD 10x42">10' x 42" RanchWorx Series</option>
					<option value="RW SD 12x42">12' x 42" RanchWorx Series</option>
					<option value="RW SD 14x42">14' x 42" RanchWorx Series</option>
				</optgroup>
				<optgroup label="RanchWorx 54 inch Single Drum">
					<option value="RW SD 10x54">10' x 54" RanchWorx Series</option>
					<option value="RW SD 12x54">12' x 54" RanchWorx Series</option>
					<option value="RW SD 14x54">14' x 54" RanchWorx Series</option>
				</optgroup>

			</select>
			<select id="quick-quote-form-options" name="quick-quote-form-options" class="select-1 form-control" multiple="multiple">

				<optgroup label="Seeders">
					<option value="Electric Seeder">Electric Seeder</option>
					<option value="Hydraulic Seeder">Hydraulic Seeder</option>
					<option value="Heavy Duty Hydraulic Seeder">Heavy Duty Hydraulic Seeder</option>
				</optgroup>
				<optgroup label="Rollers">
					<option value="8 x 42 TR">8' x 42" Trailing Roller</option>
					<option value="10 x 42 TR">10' x 42" Trailing Roller</option>
					<option value="12 x 42 TR">12' x 42" Trailing Roller</option>
					<option value="14 x 42 TR">14' x 42" Trailing Roller</option>
					<option value="16 x 42 TR">16' x 42" Trailing Roller</option>
				</optgroup>
				<optgroup label="Blade Size">
					<option value="6 Standard">6" Standard Blades</option>
					<option value="7 blade">7" RanchTech Turf Blade</option>
					<option value="8 blade">8" RanchTech Blades</option>
				</optgroup>
			</select>
			<br>
			<br>

		<input type="text" class="hidden" id="quick-quote-form-botcheck" name="quick-quote-form-botcheck" value="" />
		<button type="submit" id="quick-quote-form-submit" name="quick-quote-form-submit" class="button button-small button-3d nomargin" value="submit">Send Email</button>
	</form>

</div>
S
SemiColonWebSTAFFSep 3, 2016

Hello,

[sb_private_reply]We Really Apologize about the Delays in replying to your Support Query and Really Really Appreciate your Patience with us![/sb_private_reply]

The Custom Quote Form you have created does not work with AJAX because you have also changed the .quick-contact-form Class to .quick-quote-form which disables the AJAX. You will need to keep using the .quick-contact-form Class to use the AJAX Functionality for the Forms since the JS Code is added for this Class and not for your Custom Classes. Consider using the following code replacing your existing code:

<div class="widget quick-contact-widget clearfix">
	<h2>Get A Quote</h2>
	<div class="quick-contact-form-result"></div>
	<form id="quick-quote-form" name="quick-quote-form" action="include/quickquote.php" method="post" class="quick-quote-form nobottommargin">
		<div class="form-process"></div>
		<input type="text" class="required sm-form-control input-block-level" id="quick-quote-form-name" name="quick-quote-form-name" value="" placeholder="Full Name" />
		<input type="text" class="required sm-form-control email input-block-level" id="quick-quote-form-email" name="quick-quote-form-email" value="" placeholder="Email Address" />
		<input type="text" class="required sm-form-control postalcode input-block-level" id="quick-quote-form-postalcode" name="quick-quote-form-postalcode" value="" placeholder="Postal Code" />
			<label>Which Product</label>
			<select id="quick-quote-form-service" name="quick-quote-form-service" class="sm-form-control">
				<option value="">RanchWorx Series Single Drum</option>
				<optgroup label="RanchWorx 30 inch Single Drum">
					<option value="RW SD 8x30">8' x 30" RanchWorx Series</option>
					<option value="RW SD 10x30">10' x 30" RanchWorx Series</option>
					<option value="RW SD 12x30">12' x 30" RanchWorx Series</option>
					<option value="RW SD 14x30">14' x 30" RanchWorx Series</option>
				</optgroup>
				<optgroup label="RanchWorx 42 inch Single Drum">
					<option value="RW SD 8x42">8' x 42" RanchWorx Series</option>
					<option value="RW SD 10x42">10' x 42" RanchWorx Series</option>
					<option value="RW SD 12x42">12' x 42" RanchWorx Series</option>
					<option value="RW SD 14x42">14' x 42" RanchWorx Series</option>
				</optgroup>
				<optgroup label="RanchWorx 54 inch Single Drum">
					<option value="RW SD 10x54">10' x 54" RanchWorx Series</option>
					<option value="RW SD 12x54">12' x 54" RanchWorx Series</option>
					<option value="RW SD 14x54">14' x 54" RanchWorx Series</option>
				</optgroup>
			</select>
			<select id="quick-quote-form-service2" name="quick-quote-form-service2" class="sm-form-control">
				<option value="">RanchWorx Series Tandem Drum</option>
				<optgroup label="RanchWorx 30 inch Single Drum">
					<option value="RW SD 8x30">8' x 30" RanchWorx Series</option>
					<option value="RW SD 10x30">10' x 30" RanchWorx Series</option>
					<option value="RW SD 12x30">12' x 30" RanchWorx Series</option>
					<option value="RW SD 14x30">14' x 30" RanchWorx Series</option>
				</optgroup>
				<optgroup label="RanchWorx 42 inch Single Drum">
					<option value="RW SD 8x42">8' x 42" RanchWorx Series</option>
					<option value="RW SD 10x42">10' x 42" RanchWorx Series</option>
					<option value="RW SD 12x42">12' x 42" RanchWorx Series</option>
					<option value="RW SD 14x42">14' x 42" RanchWorx Series</option>
				</optgroup>
				<optgroup label="RanchWorx 54 inch Single Drum">
					<option value="RW SD 10x54">10' x 54" RanchWorx Series</option>
					<option value="RW SD 12x54">12' x 54" RanchWorx Series</option>
					<option value="RW SD 14x54">14' x 54" RanchWorx Series</option>
				</optgroup>

			</select>
			<select id="quick-quote-form-service3" name="quick-quote-form-service3" class="sm-form-control">
				<option value="">RanchWorx Series Triplex</option>
				<optgroup label="RanchWorx 30 inch Single Drum">
					<option value="RW SD 8x30">8' x 30" RanchWorx Series</option>
					<option value="RW SD 10x30">10' x 30" RanchWorx Series</option>
					<option value="RW SD 12x30">12' x 30" RanchWorx Series</option>
					<option value="RW SD 14x30">14' x 30" RanchWorx Series</option>
				</optgroup>
				<optgroup label="RanchWorx 42 inch Single Drum">
					<option value="RW SD 8x42">8' x 42" RanchWorx Series</option>
					<option value="RW SD 10x42">10' x 42" RanchWorx Series</option>
					<option value="RW SD 12x42">12' x 42" RanchWorx Series</option>
					<option value="RW SD 14x42">14' x 42" RanchWorx Series</option>
				</optgroup>
				<optgroup label="RanchWorx 54 inch Single Drum">
					<option value="RW SD 10x54">10' x 54" RanchWorx Series</option>
					<option value="RW SD 12x54">12' x 54" RanchWorx Series</option>
					<option value="RW SD 14x54">14' x 54" RanchWorx Series</option>
				</optgroup>

			</select>
			<select id="quick-quote-form-options" name="quick-quote-form-options" class="select-1 form-control" multiple="multiple">

				<optgroup label="Seeders">
					<option value="Electric Seeder">Electric Seeder</option>
					<option value="Hydraulic Seeder">Hydraulic Seeder</option>
					<option value="Heavy Duty Hydraulic Seeder">Heavy Duty Hydraulic Seeder</option>
				</optgroup>
				<optgroup label="Rollers">
					<option value="8 x 42 TR">8' x 42" Trailing Roller</option>
					<option value="10 x 42 TR">10' x 42" Trailing Roller</option>
					<option value="12 x 42 TR">12' x 42" Trailing Roller</option>
					<option value="14 x 42 TR">14' x 42" Trailing Roller</option>
					<option value="16 x 42 TR">16' x 42" Trailing Roller</option>
				</optgroup>
				<optgroup label="Blade Size">
					<option value="6 Standard">6" Standard Blades</option>
					<option value="7 blade">7" RanchTech Turf Blade</option>
					<option value="8 blade">8" RanchTech Blades</option>
				</optgroup>
			</select>
			<br>
			<br>

		<input type="text" class="hidden" id="quick-quote-form-botcheck" name="quick-quote-form-botcheck" value="" />
		<button type="submit" id="quick-quote-form-submit" name="quick-quote-form-submit" class="button button-small button-3d nomargin" value="submit">Send Email</button>
	</form>

</div>

This will definitely work fine. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

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