#Form Manager

1.Form manager is the process for managing, distributing, completing, and processing forms.
2.Web-based forms are becoming the standard for capturing information from customers, vendors, employees, or even business partners.
3.The goal of forms manager today is to get better data, faster turnaround, and lower costs.
4.Lengthy forms processing times are a no-go.
5.Information gathered on forms should be synced with back-end applications automatically via Web API.
6.Forms manager makes forms processing go a lot smoother.
7. API will share the store data via mail.
All you need to include Js(fm-form-manager) file in your project for form Configuration. Once form submitted, mail triggered automatically to specified mail address and delivered with table format.

Sample click here !!!

##How to include JS file in our projects

##Links

Use the URL Links:["http://formmanager.archarena.com/fm-form-manager.js"].
Click Here to Visit Form Manager JS File !!!.
Need to Load the script file in Html or any other UI Page, Use the script tag syntax inside tag put(src="http://formmanager.archarena.com/fm-form-manager.js").
Designing the Form Page with the help of html tags. Just following Script with source url need to be put in head section of Design Page:Like this
<script src="http://formmanager.archarena.com/fm-form-manager.js"></script">

## Form Management Functionalities

Load the Jquery Library with document.createElement property,appendChild property,src and type of file.
The event.preventDefault() method stops the default action of an element from happening.
Get User Inputs from UI with the help of data attributes.
Validate the all fields based on type of input elements using conditional statements.
Detect the device and browser name using device detector js file.
Device Detector functionality has been implemented in fm-form-manager js file.
Validated the Email address and Mobile Number using Regular Expression.
Validated the Radio button fields based on field has checked or not.
Validated the Date and DateTime using system date methods. Json Object created and push the data into that object,Pass parameter in ajax function for call Web API.

##Client Clean Validation

Client clean validation is not visible to the user. It involves validation on input forms through JavaScript.
For example, if input is submitted for a phone number or email, a JavaScript validator would provide an error if anything is submitted that does not conform to a phone number or email.

##Attribute keys:

There are three attribute keys in index page:
1.data-fm-formkey
2.data-fm-fieldname
3.data-fm-submit

#Keys Explaination

##1.data-fm-formkey:

If you want to generate the form key,Please Contact the form manager.
data-fm-formkey attribute is given inside of form div tag.This Attribute is very important for getting formID.

##2.data-fm-fieldname:

data-fm-fieldname is given inside the all input and select elements.
Based on this Attribute, we can get Input data easily from UI for all fields.
Validate the input data using data-fm-fieldname attribute.

##3.data-fm-submit:

data-fm-submit attribute has initialised in submit button tag.
This attribute is used to get formID when user submit the form.

## Required Attribute:

Required attribute is mainly used for validation in client side.

##How to add Attribute related to form

Give the same data attribute to all Input and select elements in html page, Eachloop has implemented based on attribute name for both input and select elements for getting data from UI. After that need to validate the all fields .