User Tools

Site Tools


dev:webmaster:ao_form_to_mail_captcha

This is an old revision of the document!


AfterOffice Form-To-Mail Template with Captcha Support

Version: 1.5
Additional Reference: https://afteroffice.com/form/form-captcha.html


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="http://vo.yourdomain.com/cgi-bin/vo/formmail.cgi.vo" method="post">

Where yourdomain.com: Your domain.

Captcha Support

In order to load and display captcha, you are required to insert the following javascript function into your html header.

<script language="javascript">
   $(document).ready(function(){
      $('#hv').load('/cgi-bin/vo/form_hv.cgi.vo');
   });
</script>

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.

<script>
   function validateForm()
   {
      var x=document.forms["formName"]["_hv"].value;
      if (x==null || x=="")
      {
         alert("Please fill in captcha");
         return false;
      }
   }
</script>

Where formName represents the name of the form.

This function can be inserted as the onsubmit event of the form, like the example below.

<FORM action="http://vo.yourdomain.com/cgi-bin/vo/formmail.cgi.vo" method="post" id="formName" name="formName" onsubmit="return validateForm() />

Samples

dev/webmaster/ao_form_to_mail_captcha.1575621661.txt.gz · Last modified: 2019/12/06 16:41 by vikki