Last modified by Alex Cotiugă on 2026/05/02 12:23

From version 13.80
edited by Alex Cotiugă
on 2026/05/02 08:08
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
... ... @@ -3,10 +3,12 @@
3 3   var form = $('#contactForm');
4 4   var submitButton = $('#contactSubmit');
5 5  
6 - console.log(submitButton)
7 7   var successBox = $('.reviewNotificationSuccess');
8 8   var errorBox = $('.reviewNotificationError');
9 9  
9 + var nameFieldName = 'Agnease.Code.ContactForm.ContactFormClass_0_name';
10 + var emailFieldName = 'Agnease.Code.ContactForm.ContactFormClass_0_email';
11 +
10 10   function getFormData() {
11 11   var data = {};
12 12  
... ... @@ -13,29 +13,15 @@
13 13   $.each(form.serializeArray(), function (_, field) {
14 14   data[field.name] = field.value;
15 15   });
18 + console.log(data)
16 16  
17 17   return data;
18 18   }
19 19  
20 - function isValidEmail(value) {
21 - return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
22 - }
23 -
24 - /*function updateSubmitState() {
25 - var data = getFormData();
26 - var name = $.trim(data[fields.name] || '');
27 - var email = $.trim(data[fields.email] || '');
28 -
29 - submitButton.prop('disabled', !(name.length > 0 && isValidEmail(email)));
30 - }*/
31 -
32 - /*form.on('input change keyup', 'input, textarea, select', updateSubmitState);
33 - updateSubmitState();
34 -*/
35 35   form.on('submit', function (event) {
36 36   event.preventDefault();
37 37  
38 - var data = getFormData();
26 + var data = $.param(form.serializeArray());
39 39  
40 40   submitButton.prop('disabled', true);
41 41  
... ... @@ -59,6 +59,7 @@
59 59   if (successBox.is(':visible')) {
60 60   successBox.toggleClass('hidden');
61 61   }
50 + }).always(function () {
62 62   submitButton.prop('disabled', false);
63 63   });
64 64   });