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

Summary

Details

Page properties
Content
... ... @@ -5,7 +5,7 @@
5 5  #set ($editing = true)
6 6  = Tell Us More About Your Project =
7 7  You do not need to have a full specification. A short description is enough to start the conversation.
8 -{{html clean="false"}}
8 +{{html clean="false" wiki="true"}}
9 9   <div class="row">
10 10   <div class="xform col-xs-7">
11 11   <form id="contactForm">
... ... @@ -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">
XWiki.JavaScriptExtension[0]
code
... ... @@ -1,11 +1,14 @@
1 1  require(['jquery'], function ($) {
2 2   var serviceURL = new XWiki.Document('WebHome', 'content').getURL('get', 'xpage=plain');
3 - var form = $('#agneaseContactForm');
4 - var submitButton = $('#agneaseContactSubmit');
3 + var form = $('#contactForm');
4 + var submitButton = $('#contactSubmit');
5 5  
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,17 +12,35 @@
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  
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 +
19 19   form.on('submit', function (event) {
20 20   event.preventDefault();
21 21  
22 22   var data = getFormData();
42 +
43 + console.log(data)
23 23  
24 24   submitButton.prop('disabled', true);
25 -
46 +/*
26 26   $.post({
27 27   url: serviceURL,
28 28   data: data
... ... @@ -44,6 +44,6 @@
44 44   successBox.toggleClass('hidden');
45 45   }
46 46   submitButton.prop('disabled', false);
47 - });
68 + });*/
48 48   });
49 49  });