This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
dev:webmaster:ao_form_to_mail_captcha [2019/12/06 16:41] – created vikki | dev:webmaster:ao_form_to_mail_captcha [2022/04/04 09:48] (current) – removed vikki | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== AfterOffice Form-To-Mail Template with Captcha Support ====== | ||
- | |||
- | Version: 1.5\\ | ||
- | Additional Reference: https:// | ||
- | |||
- | ----------- | ||
- | |||
- | This form can be used by AfterOffice customers to create contact or feedback form on their website, which will send all collected information to the target email address. | ||
- | |||
- | |||
- | ===== Important Notes ===== | ||
- | * This form is designed to AfterOffice customers only. | ||
- | * This form must submit to a valid email address (hosted with AfterOffice). | ||
- | * jquery.js must be included in the html in order to support the captcha display. | ||
- | |||
- | ===== Form Action ===== | ||
- | The form action looks like below. | ||
- | |||
- | < | ||
- | <FORM action=" | ||
- | </ | ||
- | |||
- | Where // | ||
- | |||
- | ===== Captcha Support ===== | ||
- | In order to load and display captcha, you are required to insert the following javascript function into your html header. | ||
- | |||
- | < | ||
- | <script language=" | ||
- | | ||
- | $('# | ||
- | }); | ||
- | </ | ||
- | </ | ||
- | |||
- | ===== Captcha Validation (Optional) ===== | ||
- | The following javascript function is used to check if captcha is filled when the form is submitted. If the captcha is not filled, the user will be alerted. | ||
- | |||
- | < | ||
- | < | ||
- | | ||
- | { | ||
- | var x=document.forms[" | ||
- | if (x==null || x=="" | ||
- | { | ||
- | | ||
- | | ||
- | } | ||
- | } | ||
- | </ | ||
- | </ | ||
- | |||
- | Where // | ||
- | |||
- | This function can be inserted as the onsubmit event of the form, like the example below. | ||
- | |||
- | < | ||
- | <FORM action=" | ||
- | </ | ||
- | |||
- | |||
- | ==== Samples ==== | ||