Skip to Content
Last modified by Alex Cotiugă on 2026/05/02 12:23
From version 13.59
edited by Alex Cotiugă
on 2026/05/02 07:40
Change comment: Synchronized object properties with their current classes
To version 13.96
edited by Alex Cotiugă
on 2026/05/02 08:17
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -39,7 +39,7 @@
39 39   </dl>
40 40   <p>Your information will only be used to respond to this request.</p>
41 41   ##<p>Your information will only be used to respond to this request. See the Privacy Policy for details.</p>
42 - <input id="contactSubmit" type="submit" class="btn btn-primary" value="Send my request" disabled="disabled">
42 + <input id="contactSubmit" type="submit" class="btn btn-primary" value="Send my request">
43 43   </form>
44 44   </div>
45 45   <div class="col-xs-5">
... ... @@ -62,6 +62,20 @@
62 62   <li>If useful, we schedule a short call to discuss scope, timeline, and estimated effort.</li>
63 63   </ol>
64 64   </div>
65 + {{/html}}
66 + {{html clean="false" wiki="true"}}
67 + <div class="reviewNotifications">
68 + <div class="hidden reviewNotificationSuccess">
69 +
70 + {{success}}reviewNotification{{/success}}
71 +
72 + </div>
73 + <div class="hidden reviewNotificationError">
74 +
75 + {{error}}reviewNotification{{/error}}
76 +
77 + </div>
78 + </div>
65 65   </div>
66 66   </div>
67 67  {{/html}}
XWiki.JavaScriptExtension[0]
code
... ... @@ -1,0 +1,70 @@
1 +require(['jquery'], function ($) {
2 + var serviceURL = new XWiki.Document('WebHome', 'content').getURL('get', 'xpage=plain');
3 + var form = $('#contactForm');
4 + var submitButton = $('#contactSubmit');
5 +
6 + var successBox = $('.reviewNotificationSuccess');
7 + var errorBox = $('.reviewNotificationError');
8 +
9 + var nameFieldName = 'Agnease.Code.ContactForm.ContactFormClass_0_name';
10 + var emailFieldName = 'Agnease.Code.ContactForm.ContactFormClass_0_email';
11 +
12 + function getFormData() {
13 + var data = {};
14 +
15 + $.each(form.serializeArray(), function (_, field) {
16 + data[field.name] = field.value;
17 + });
18 + console.log(data)
19 +
20 + return data;
21 + }
22 +
23 + function isValidEmail(value) {
24 + return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
25 + }
26 +
27 + function updateSubmitState() {
28 + var data = getFormData();
29 + var name = $.trim(data[nameFieldName] || '');
30 + var email = $.trim(data[emailFieldName] || '');
31 +
32 + submitButton.prop('disabled', !(name.length > 0 && isValidEmail(email)));
33 + }
34 +
35 + form.on('input change keyup', 'input, textarea, select', updateSubmitState);
36 + updateSubmitState();
37 +
38 + form.on('submit', function (event) {
39 + event.preventDefault();
40 +
41 + var data = getFormData();
42 +
43 + console.log(data)
44 +
45 + submitButton.prop('disabled', true);
46 +/*
47 + $.post({
48 + url: serviceURL,
49 + data: data
50 + }).done(function (response) {
51 + // replace with succcess message alert(response.message || 'Your request was sent successfully.');
52 + //var message = 'The request could not be sent. Please try again or contact Agnease by email.';
53 + var successBoxContent = successBox.find('.box div p');
54 + successBoxContent.text(data.message);
55 + successBox.toggleClass('hidden');
56 + if (errorBox.is(':visible')) {
57 + errorBox.toggleClass('hidden');
58 + }
59 + form[0].reset();
60 + }).fail(function (xhr) {
61 + var errorBoxContent = errorBox.find('.box div p');
62 + errorBoxContent.text(xhr.responseJSON.message);
63 + errorBox.toggleClass('hidden');
64 + if (successBox.is(':visible')) {
65 + successBox.toggleClass('hidden');
66 + }
67 + submitButton.prop('disabled', false);
68 + });*/
69 + });
70 +});