Changes for page Get in Touch About Your XWiki Project
Last modified by Alex Cotiugă on 2026/05/02 12:23
From version 13.66
edited by Alex Cotiugă
on 2026/05/02 08:01
on 2026/05/02 08:01
Change comment:
There is no comment for this version
To version 13.91
edited by Alex Cotiugă
on 2026/05/02 08:16
on 2026/05/02 08:16
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
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,8 @@ 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"}} 65 65 <div class="reviewNotifications"> 66 66 <div class="hidden reviewNotificationSuccess"> 67 67
- 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 });