Add theme assets;

2024-01-21 17:18:37 +01:00
parent fcc061aeba
commit aa45b6a645
1425 changed files with 430771 additions and 1 deletions
--- a/public/assets/js/form-validation.js
+++ b/public/assets/js/form-validation.js
@@ -0,0 +1,92 @@
+// npm package: jquery-validation
+// github link: https://github.com/jquery-validation/jquery-validation
+
+$(function() {
+  'use strict';
+
+  $.validator.setDefaults({
+    submitHandler: function() {
+      alert("submitted!");
+    }
+  });
+  $(function() {
+    // validate signup form on keyup and submit
+    $("#signupForm").validate({
+      rules: {
+        name: {
+          required: true,
+          minlength: 3
+        },
+        email: {
+          required: true,
+          email: true
+        },
+        age_select: {
+          required: true
+        },
+        gender_radio: {
+          required: true
+        },
+        skill_check: {
+          required: true
+        },
+        password: {
+          required: true,
+          minlength: 5
+        },
+        confirm_password: {
+          required: true,
+          minlength: 5,
+          equalTo: "#password"
+        },
+        terms_agree: "required"
+      },
+      messages: {
+        name: {
+          required: "Please enter a name",
+          minlength: "Name must consist of at least 3 characters"
+        },
+        email: "Please enter a valid email address",
+        age_select: "Please select your age",
+        skill_check: "Please select your skills",
+        gender_radio: "Please select your gender",
+        password: {
+          required: "Please provide a password",
+          minlength: "Your password must be at least 5 characters long"
+        },
+        confirm_password: {
+          required: "Please confirm your password",
+          minlength: "Your password must be at least 5 characters long",
+          equalTo: "Please enter the same password as above"
+        },
+        terms_agree: "Please agree to terms and conditions"
+      },
+      errorPlacement: function(error, element) {
+        error.addClass( "invalid-feedback" );
+
+        if (element.parent('.input-group').length) {
+          error.insertAfter(element.parent());
+        }
+        else if (element.prop('type') === 'radio' && element.parent('.radio-inline').length) {
+          error.insertAfter(element.parent().parent());
+        }
+        else if (element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
+          error.appendTo(element.parent().parent());
+        }
+        else {
+          error.insertAfter(element);
+        }
+      },
+      highlight: function(element, errorClass) {
+        if ($(element).prop('type') != 'checkbox' && $(element).prop('type') != 'radio') {
+          $( element ).addClass( "is-invalid" ).removeClass( "is-valid" );
+        }
+      },
+      unhighlight: function(element, errorClass) {
+        if ($(element).prop('type') != 'checkbox' && $(element).prop('type') != 'radio') {
+          $( element ).addClass( "is-valid" ).removeClass( "is-invalid" );
+        }
+      }
+    });
+  });
+});