
- Foundation Tutorial
- Foundation - Home
- Foundation - Overview
- Foundation - Installation
- Foundation - Starter Projects
- Foundation - Kitchen Sink
- Foundation General
- Foundation - Global Styles
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript Utilities
- Foundation - Media Queries
- Foundation - The Grid
- Foundation - Flex Grid
- Foundation - Forms
- Foundation - Visibility Classes
- Foundation - Base Typography
- Foundation - Typography Helpers
- Foundation - Basic Controls
- Foundation - Navigation
- Foundation - Containers
- Foundation - Media
- Foundation - Plugins
- Foundation SASS
- Foundation - Sass Functions
- Foundation - Sass Mixins
- Foundation Libraries
- Foundation - Motion UI
- Foundation Useful Resources
- Foundation - Quick Guide
- Foundation - Useful Resources
- Foundation - Discussion
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Plugins Abide JavaScript Reference
Foundation provides JavaScript components for an abide plugin as listed below.
Foundation.Abide
It specifies the instance of abide as defined below.
var elem = new Foundation.Abide(element);
Sr.No. | Name & Description | Type |
---|---|---|
1 |
element It creates a jQuery object into abide. |
jQuery |
2 |
options Default plugin setting is override. |
Object |
Functions
The following are the functions used in abide.
.requiredCheck
It checks whether the form element has the required attribute or not.
Sr.No. | Name & Description | Type |
---|---|---|
1 |
element The jquery object is used to check the required attribute. |
Object |
.findLabel
Finds the label in the form element.
Sr.No. | Name & Description | Type |
---|---|---|
1 |
element The jquery object is used to check the required attribute. |
Object |
.addErrorClasses
CSS error class is included as mentioned by the abide settings to label, form and input.
Sr.No. | Name & Description | Type |
---|---|---|
1 |
element The jquery object is used to check the required attribute. |
Object |
.removeErrorClasses
CSS error class is removed as mentioned by the abide settings from the label, form and input.
Sr.No. | Name | Type |
---|---|---|
1 |
element The jquery object is used to check the required attribute. |
Object |
.validateInput
Validates the input through the form according to the type specified.
Sr.No. | Name & Description | Type |
---|---|---|
1 |
element The jquery object is used to check the required attribute. |
Object |
2 |
form Find various input element in the entire form. |
Object |
.validateForm
Helps in validating the form, if invalid inputs are found then it displays a form error element.
Sr.No. | Name & Description | Type |
---|---|---|
1 |
element The jquery object is used to check the required attribute. |
Object |
.validateText
Validates the text depending upon the patterns specified in the attribute.
Sr.No. | Name & Description | Type |
---|---|---|
1 |
element The jquery object is used to check the required attribute. |
Object |
.validateRadio
Validates the radio input depending upon whether it is required or not.
Sr.No. | Name & Description | Type |
---|---|---|
1 |
group The jquery object is used to check the required attribute. |
String |
.resetForm
The styles and inputs are reset.
Sr.No. | Name & Description | Type |
---|---|---|
1 |
$form The jquery object is used to check the required attribute. |
Object |