Postback

Unstable feature

To be used at your own risk. This feature described below can be removed in any subsequent minor/major release

Learn more about the design decision around provisional features.

Check other provisional features available.

Purpose

This plugin makes an AJAX request when a form is submitted to stay on page.

Example

After the submission, check the network tab of console to see AJAX request sent.

Thank you!

Something went wrong

View code 
			
				<form action="wb-postback-en.html" method="GET" class="provisional wb-postback" data-wb-postback="{&quot;success&quot;:&quot;success-message&quot;,&quot;failure&quot;:&quot;failure-message&quot;,&quot;content&quot;:&quot;form-content&quot;}">
					<div class="form-content">
						<div class="form-group">
							<label for="firstname"><span class="field-name">First Name</span></label>
							<input class="form-control" id="firstname" name="firstname" type="text" data-rule-minlength="2" />
						</div>
						<div class="form-group">
							<label for="lastname"><span class="field-name">Last Name</span></label>
							<input class="form-control" id="lastname" name="lastname" type="text" data-rule-minlength="2" />
						</div>
						<div class="form-group">
							<label for="preferredNumber">Preferred: <span class="field-name">Phone Number</span></label>
							<input class="form-control" id="preferredNumber" name="preferredNumber" type="tel" data-rule-phoneUS="true" />
						</div>
						<div class="form-group">
							<label for="email"><span class="field-name">Email Address</span> (test@domaine)</label>
							<input class="form-control" id="email" name="email" type="email" />
						</div>
						<button type="submit" class="btn btn-primary">Submit</button>
					</div>
					<p class="success-message hide">Thank you!</p>
					<p class="failure-message hide">Something went wrong</p>
				</form>
Date modified: