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 Donation Button Widget

By Common Ninja

Donation ButtonTry 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.

Donation Button for MODX logo

Donation Button

Add a donation button that lets users contribute easily using PayPal or Stripe, supporting causes directly from your site.

Bluesky Feed for MODX logo

Bluesky Feed

Show Bluesky posts with a Bluesky feed that updates in real time, improves content discovery, and keeps visitors engaged with fresh activity.

Pomodoro Timer for MODX logo

Pomodoro Timer

Add a Pomodoro timer to your site so users can structure focus and break cycles, improving time management and productivity.

Form Builder for MODX logo

Form Builder

Create custom forms with a form builder that offers advanced field types, easy layout control, and flexible options for any purpose.

Restaurant Menu for MODX logo

Restaurant Menu

Create an online restaurant menu that organizes dishes, highlights key items, and helps visitors explore options with confidence.

eBay Reviews for MODX logo

eBay Reviews

Show eBay reviews to build trust, strengthen credibility, and help visitors make confident purchase decisions that support higher sales.

Reviews Badge for MODX logo

Reviews Badge

Use a reviews badge to highlight your ratings, build trust at a glance, improve credibility, and help increase conversions across your site.

Bluesky Feed Slider for MODX logo

Bluesky Feed Slider

Show Bluesky posts with a Bluesky feed slider that scrolls updates and keeps content visible while keeping visitors engaged.

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.

All In One Chat for MODX logo

All In One Chat

Add a unified chat tool to your site that connects users via WhatsApp, Messenger, Telegram, or email for seamless support.

Feedback Form for MODX logo

Feedback Form

Collect user insights with a feedback form that gathers valuable input, improves user experience, and helps you understand visitor needs more clearly.

News Ticker for MODX logo

News Ticker

Use a news ticker to display headlines and updates that highlight key information and keep users informed in real time.

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