jqueryValidate

jqueryValidate

MODX extra

Install on MODX

App Details

About

jqueryValidate acts as a wrapper for jquery validate (https://jqueryvalidation.org/) and is used to perform frontend form validation

SNIPPET PARAMETERS

  • htmlElement - the html element to attach Jquery Validate - (default) #contactForm. You can use a dot before the element to target classes
  • tpl - is a chunk used to build a javascript object of all Jquery Validate properties for example, rules, custom error messages etc.
    • See all jquery validate Options here https://jqueryvalidation.org/validate/
    • (default) tpl chunk is tpl.jqueryValidate.jsOptions
    • You should duplicate the tpl.jqueryValidate.jsOptions chunk (see code below) and create your own validation rules. The default Tpl has the following
      built in rules for first_name, last_name, email and message. as seen in rules below. These rules would apply to form elements with the correponding names
  • install_jquery - If you have not installed jquery in your project, you can set this option to 1 to install this dependency. (default) - 0
  • jquery_version - Specify the version of jQuery. (default) - 2.2.4
  • jvalidate_version - Specify the version of Jquery Validate. (default) - 1.16.0
tpl.jqueryValidate.jsOptions Tpl { errorPlacement: function(error, element) { error.insertBefore(element); }, errorClass: "error", errorElement: "div", rules: { first_name: "required", last_name: "required", email: { required: true, email: true }, message: "required" }, messages: { first_name: "Please enter your First Name", last_name: "Please enter your Last Name", email: "Please enter a valid email", message: "The message is required" } } 

Complete Documentation and Example can be found https://github.com/ifusiontt/jqueryValidate

Pricing

Starting from $0 per month.

Check Out the Mega Footer Widget

By Common Ninja

Mega FooterTry For Free!

App Info

Rating

Reviewers

No reviews

Tags

No tags

Developed By

Isaac Ali

Common Ninja Apps

Some of the best Common Ninja extras for MODX

Browse our extensive collection of compatible extras, and easily embed them on any website, blog, online store, e-commerce platform, or site builder.

Mega Footer for MODX logo

Mega Footer

Create a mega footer that organizes navigation links, contact info, logos, social icons and improves usability and site structure.

Feedback Popup for MODX logo

Feedback Popup

Collect user insights with a feedback popup that reveals issues early, improves user experience, and captures valuable leads through a clear feedback form.

Opening Hours for MODX logo

Opening Hours

Add opening hours to your site to give visitors clear, reliable business information that improves trust, reduces confusion, and supports user experience.

Sticky Video for MODX logo

Sticky Video

Use a sticky video that stays visible while users scroll to keep content in view, increase watch time, and boost engagement.

Notification Popup for MODX logo

Notification Popup

Show alerts and updates with a notification popup that grabs attention, delivers important messages, and improves user experience.

Agenda for MODX logo

Agenda

Add an event agenda to your site to display schedules clearly, helping users understand timing and plan their attendance.

Corner Coupon Pop-up for MODX logo

Corner Coupon Pop-up

Add a corner coupon pop-up to highlight discounts, collect emails, and drive user engagement without interrupting browsing.

Leaderboard for MODX logo

Leaderboard

Add a customizable leaderboard to your site to display rankings, track scores, and encourage friendly competition.

Website Search for MODX logo

Website Search

Add a Google powered search bar that delivers relevant results, improves navigation, and helps visitors find content fast.

Scroll Progress for MODX logo

Scroll Progress

Use a scroll progress bar that visually tracks reading on the page, improves navigation, and keeps visitors aware of their position.

Job Application Form for MODX logo

Job Application Form

Collect candidate information with a job application form that organizes submissions, streamlines hiring, and helps you manage applicants efficiently.

Social Proof Avatars for MODX logo

Social Proof Avatars

Display social proof avatars that show user activity and ratings, build trust instantly, and help visitors feel confident about your credibility.

More extras

extras You Might Like

Discover Apps By Platform

Discover the best apps for your website

WordPress
Wix
Shopify
Weebly
Webflow
Joomla
PrestaShop
Shift4Shop
WebsiteX5
MODX
Opencart
NopCommerce

Common Ninja Search Engine

The Common Ninja Search Engine platform helps website builders find the best site widgets, apps, plugins, tools, add-ons, and extensions! Compatible with all major website building platforms - big or small - and updated regularly, our Search Engine tool provides you with the business tools your site needs!

Multiple platforms