From 0225bdb772d1334cc1aa7ab0fc3678df0864df6b Mon Sep 17 00:00:00 2001 From: AlisaLinUwU Date: Sun, 26 Jan 2025 10:42:28 +0500 Subject: Initialize --- build/resources/main/static/js/contact.js | 85 +++++++++++++++++++++++++++++++ 1 file changed, 85 insertions(+) create mode 100644 build/resources/main/static/js/contact.js (limited to 'build/resources/main/static/js/contact.js') diff --git a/build/resources/main/static/js/contact.js b/build/resources/main/static/js/contact.js new file mode 100644 index 0000000..942ce25 --- /dev/null +++ b/build/resources/main/static/js/contact.js @@ -0,0 +1,85 @@ +$(document).ready(function(){ + + (function($) { + "use strict"; + + + jQuery.validator.addMethod('answercheck', function (value, element) { + return this.optional(element) || /^\bcat\b$/.test(value) + }, "type the correct answer -_-"); + + // validate contactForm form + $(function() { + $('#contactForm').validate({ + rules: { + name: { + required: true, + minlength: 2 + }, + subject: { + required: true, + minlength: 4 + }, + number: { + required: true, + minlength: 5 + }, + email: { + required: true, + email: true + }, + message: { + required: true, + minlength: 20 + } + }, + messages: { + name: { + required: "come on, you have a name, don't you?", + minlength: "your name must consist of at least 2 characters" + }, + subject: { + required: "come on, you have a subject, don't you?", + minlength: "your subject must consist of at least 4 characters" + }, + number: { + required: "come on, you have a number, don't you?", + minlength: "your Number must consist of at least 5 characters" + }, + email: { + required: "no email, no message" + }, + message: { + required: "um...yea, you have to write something to send this form.", + minlength: "thats all? really?" + } + }, + submitHandler: function(form) { + $(form).ajaxSubmit({ + type:"POST", + data: $(form).serialize(), + url:"contact_process.php", + success: function() { + $('#contactForm :input').attr('disabled', 'disabled'); + $('#contactForm').fadeTo( "slow", 1, function() { + $(this).find(':input').attr('disabled', 'disabled'); + $(this).find('label').css('cursor','default'); + $('#success').fadeIn() + $('.modal').modal('hide'); + $('#success').modal('show'); + }) + }, + error: function() { + $('#contactForm').fadeTo( "slow", 1, function() { + $('#error').fadeIn() + $('.modal').modal('hide'); + $('#error').modal('show'); + }) + } + }) + } + }) + }) + + })(jQuery) +}) \ No newline at end of file -- cgit v1.2.3