Changes for page Get in Touch About Your XWiki Project
Last modified by Alex Cotiugă on 2026/05/02 12:23
From version 13.85
edited by Alex Cotiugă
on 2026/05/02 08:12
on 2026/05/02 08:12
Change comment:
There is no comment for this version
To version 13.63
edited by Alex Cotiugă
on 2026/05/02 07:57
on 2026/05/02 07:57
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"> 42 + <input id="contactSubmit" type="submit" class="btn btn-primary" value="Send my request" disabled="disabled"> 43 43 </form> 44 44 </div> 45 45 <div class="col-xs-5">
- XWiki.JavaScriptExtension[0]
-
- code
-
... ... @@ -1,14 +1,8 @@ 1 1 require(['jquery'], function ($) { 2 2 var serviceURL = new XWiki.Document('WebHome', 'content').getURL('get', 'xpage=plain'); 3 - var form = $('# contactForm');4 - var submitButton = $('# contactSubmit');3 + var form = $('#agneaseContactForm'); 4 + var submitButton = $('#agneaseContactSubmit'); 5 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 12 function getFormData() { 13 13 var data = {}; 14 14 ... ... @@ -15,26 +15,10 @@ 15 15 $.each(form.serializeArray(), function (_, field) { 16 16 data[field.name] = field.value; 17 17 }); 18 - console.log(data) 19 19 20 20 return data; 21 21 } 22 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 38 form.on('submit', function (event) { 39 39 event.preventDefault(); 40 40 ... ... @@ -47,21 +47,17 @@ 47 47 data: data 48 48 }).done(function (response) { 49 49 // replace with succcess message alert(response.message || 'Your request was sent successfully.'); 50 - //var message = 'The request could not be sent. Please try again or contact Agnease by email.'; 51 - var successBoxContent = successBox.find('.box div p'); 52 - successBoxContent.text(data.message); 53 - successBox.toggleClass('hidden'); 54 - if (errorBox.is(':visible')) { 55 - errorBox.toggleClass('hidden'); 56 - } 57 57 form[0].reset(); 58 58 }).fail(function (xhr) { 59 - var errorBoxContent = errorBox.find('.box div p'); 60 - errorBoxContent.text(xhr.responseJSON.message); 61 - errorBox.toggleClass('hidden'); 62 - if (successBox.is(':visible')) { 63 - successBox.toggleClass('hidden'); 30 + var message = 'The request could not be sent. Please try again or contact Agnease by email.'; 31 + 32 + if (xhr.responseJSON && xhr.responseJSON.message) { 33 + message = xhr.responseJSON.message; 34 + } else if (xhr.responseText) { 35 + message = xhr.responseText; 64 64 } 37 + 38 + // replace with error box message alert(message); 65 65 submitButton.prop('disabled', false); 66 66 }); 67 67 });