Forms Structure

RGen Landing Page uses given form structure. It’s very easy to customize and easy to manage form fields.

<!-- form block -->
<div class="form-block">
    <form action="form-data/formdata.php" class="form-widget" data-success-redirect="y">
         
        <div class="field-wrp">
             
            <!-- Set your email id on which you would like to get mails -->
            <input type="hidden" name="to" value="r.genesis.art@gmail.com">
 
             
            <!-- Grid example -->
            <div class="row gt20 mb10">
                <div class="col-md-6">
                    <div class="form-group">
                        <input class="form-control light bdr-op-2" data-label="Name" required="" data-msg="Please enter name." type="text" name="name" placeholder="Enter your name">
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <input class="form-control light bdr-op-2" data-label="Email" required="" data-msg="Please enter email." type="email" name="email" placeholder="Enter your email">
                    </div>
                </div>
            </div>
 
            <!-- Normal field -->
            <div class="form-group">
                <input class="form-control light bdr-op-2" required="" data-label="Phone" data-msg="Please phone number." type="text" name="phone" placeholder="Enter your phone number">
            </div>
 
            <div class="form-group">
                <textarea class="form-control light bdr-op-2" data-label="Message" required="" data-msg="Please enter your message." name="message" placeholder="Add your message" cols="30" rows="10"></textarea>
            </div>
 
        </div>
 
        <button type="submit" class="btn btn-default light block"><i class="fa fa-envelope-o"></i> Submit</button>
         
    </form><!-- / form -->
</div><!-- /form block -->

 

Set Email Address

Set your email address on a hidden field in value=”” attribute on which you would like to get emails.

<!-- Set your email id on which you would like to get mails -->
<input type="hidden" name="to" value="r.genesis.art@gmail.com">

 

Set Email Address – Another Way

form-data/formdata.php file is the main file to sending mail of form data.

  • Go to form-data/formdata.php
  • Find below code line.
$to = $_POST['to']['val']; // default code
  • Example code to set email in php file directly
$to = "abc@xyz.com"; // Your email ID

 

Page Redirection On Form Sucess

Please follow steps to enable page redirection on form success.

  • Go to form section.
  • Find below code line.
<form action="form-data/formdata.php" class="form-widget" data-success-redirect="y">
  • Apply attribute data-success-redirect=”y” as like above code line to activate page redirection on form success submits.
  • Now go to js/rgen.js and find below code and set your redirect page path.
/*
URL OF SUCCESS PAGE ON FORM SUBMIT
*********************/
success_url: "thankyou.html"

 

Form Validation Attribute Settings

<input class="form-control light bdr-op-2" data-label="Name" required="" data-msg="Please enter name." type="text" name="name" placeholder="Enter your name">
  • data-label=”Name” is used as a label in mail content.
  • required attribute make field mandatory.
  • data-msg=”Please enter name.” is validation message if the field is mandatory.
  • All validation settings find in js/rgen.js file.
rgen.global_validation = {
    form: '',
    rules: { 
        email            : { required: true, email: true },
        name             : { required: true },
        message          : { required: true },
        phone            : { required: true, number: true },
        date             : { required: true, date: true },
        people           : { required: true, number: true },
        datetime         : { required: true, date: true }
    },
    msgpos: 'normal',
    msg: {
        email: {email: "Please, enter a valid email"}
    },
    subscribe_successMsg : "You are in list. We will inform you as soon as we finish.",
    form_successMsg : "Thank you for contact us. We will contact you as soon as possible.",
     
    successMsg : "",
    errorMsg   : "Oops! Looks like something went wrong. Please try again later."
}

 

Related Articles