Collection of free jQuery form examples: email check, password check, password input, login, sign up and subscribe forms.

17 jQuery Forms

Collection of free jQuery form examples: email check, password check, password input, login, sign up and subscribe forms.

Related Articles

  1. CSS Forms

Author

  • Brezo Lozano

Made with

  • HTML / CSS / JS

About a code

Login Form With Confirmation

Login form with confirmation in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Amadou Oury Diallo

Made with

  • HTML / CSS (SCSS) / JS

About a code

Interactive Newslatter Form

Notify me - interactive newslatter form in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Adam Kuhn

Made with

  • HTML (Haml) / CSS (SCSS) / JS

About a code

Subscribe Form

Animated subscribe form in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js, splitting.js

Author

  • Adam Kuhn

Made with

  • HTML (Haml) / CSS (SCSS) / JS

About a code

Pinball Wizard Effect For Form

Signup form concept with Splitting.js.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, splitting.js

Author

  • Valery Alikin

Made with

  • HTML / CSS (SCSS) / JS

About a code

Password Check

Password check in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author

  • Valery Alikin

Made with

  • HTML / CSS (SCSS) / JS

About a code

Email Check Animation

Exploration for invalid email.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Himalaya Singh

Made with

  • HTML / CSS / JS

About a code

Password Error Animation

Drawing the close button icon for password error UI using CSS animations and jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, jquery.js

Author

  • Himalaya Singh

Made with

  • HTML / CSS / JS

About a code

Password Input Field

Password input field with micro-interactions to show and hide the password.

Compatible browsers: Chrome, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, jquery.js

Author

  • Aaron Iker

Made with

  • HTML / CSS (SCSS) / JS

About a code

Password Error Animation #2

Password input animation error in jQuery.

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Himalaya Singh

Made with

  • HTML / CSS / JS

About a code

Sign Up Form With Progressive Disclosure

This signup form shows progressive disclosure and micro-interaction. Progressive disclosure means showing information or action when a user actually needs it. This same concept can also be applied to login forms.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, jquery.js

Author

  • Aaron Iker

Made with

  • HTML / CSS (SCSS) / JS

About a code

Password Error Animation

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author

  • Kyle Wetton

Made with

  • HTML / CSS (SCSS) / JS

About a code

Login UI

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Aaron Iker

Made with

  • HTML / CSS (SCSS) / JS

About a code

Email Validation Animation

Simple animation if the email is valid.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author

  • Aaron Iker

Made with

  • HTML / CSS (SCSS) / JS

About a code

Code Input Field

Small jQuery example.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Heath

Made with

  • HTML (Pug) / CSS (SCSS) / JS

About a code

Transforming Select Fields

Just a little form to showcase how you can use DL, DT & DD to spice up your select boxes.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author

  • Julie Park

Made with

  • HTML / CSS (SCSS) / JS

About a code

Sign Up Form

Sign up & Sign in form for a flower company app animated with jQuery. Design inspiration by lavender flowers with pastel colors.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • burnaDLX

Made with

  • HTML / CSS (Sass) / JS

About a code

Password Visibility Toggle

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: ionicons.css, jquery.js

back to top