Skip to Content
Last modified by Alex Cotiugă on 2026/05/02 12:23
From version 13.75
edited by Alex Cotiugă
on 2026/05/02 08:06
Change comment: There is no comment for this version
To version 13.105
edited by Alex Cotiugă
on 2026/05/02 08:28
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -39,8 +39,22 @@
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 + {{/html}}
45 + {{html clean="false" wiki="true"}}
46 + <div class="reviewNotifications">
47 + <div class="hidden reviewNotificationSuccess">
48 +
49 + {{success}}reviewNotification{{/success}}
50 +
51 + </div>
52 + <div class="hidden reviewNotificationError">
53 +
54 + {{error}}reviewNotification{{/error}}
55 +
56 + </div>
57 + </div>
44 44   </div>
45 45   <div class="col-xs-5">
46 46   <div class="widget">
... ... @@ -62,18 +62,6 @@
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 - <div class="reviewNotifications">
66 - <div class="hidden reviewNotificationSuccess">
67 -
68 - {{success}}reviewNotification{{/success}}
69 -
70 - </div>
71 - <div class="hidden reviewNotificationError">
72 -
73 - {{error}}reviewNotification{{/error}}
74 -
75 - </div>
76 - </div>
77 77   </div>
78 78   </div>
79 79  {{/html}}
XWiki.JavaScriptExtension[0]
code
... ... @@ -6,6 +6,9 @@
6 6   var successBox = $('.reviewNotificationSuccess');
7 7   var errorBox = $('.reviewNotificationError');
8 8  
9 + var nameFieldName = 'Agnease.Code.ContactForm.ContactFormClass_0_name';
10 + var emailFieldName = 'Agnease.Code.ContactForm.ContactFormClass_0_email';
11 +
9 9   function getFormData() {
10 10   var data = {};
11 11  
... ... @@ -12,29 +12,15 @@
12 12   $.each(form.serializeArray(), function (_, field) {
13 13   data[field.name] = field.value;
14 14   });
18 + console.log(data)
15 15  
16 16   return data;
17 17   }
18 18  
19 - function isValidEmail(value) {
20 - return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
21 - }
22 -
23 - function updateSubmitState() {
24 - var data = getFormData();
25 - var name = $.trim(data[fields.name] || '');
26 - var email = $.trim(data[fields.email] || '');
27 -
28 - submitButton.prop('disabled', !(name.length > 0 && isValidEmail(email)));
29 - }
30 -
31 - form.on('input change keyup', 'input, textarea, select', updateSubmitState);
32 - updateSubmitState();
33 -
34 34   form.on('submit', function (event) {
35 35   event.preventDefault();
36 36  
37 - var data = getFormData();
26 + var data = $.param(form.serializeArray());
38 38  
39 39   submitButton.prop('disabled', true);
40 40  
... ... @@ -58,6 +58,7 @@
58 58   if (successBox.is(':visible')) {
59 59   successBox.toggleClass('hidden');
60 60   }
50 + }).always(function () {
61 61   submitButton.prop('disabled', false);
62 62   });
63 63   });