\n","url":"/x/issues/h3oxq26w6m93/email-validation-script-to-reveal-additional-field","author":{"@type":"Person","name":"Harry D.","url":"/user/515a8ecd-c113-4e19-97fa-62e438e94939"},"datePublished":"2025-06-12T07:30:07.393821+00:00","dateModified":"2025-06-12T13:49:13.890751+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},"comment":[{"@type":"Comment","text":"Harry D. do you have jquery included in the project already somewhere or? Because this code here looks like JQuery to me.","author":{"@type":"Person","name":"Matt J.","url":"/user/11a88c24-8014-4636-87bf-5b00473e35ac"},"datePublished":"2025-06-12T13:48:46.070408+00:00","dateModified":"2025-06-12T13:48:48.785806+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"#notajsexpert","author":{"@type":"Person","name":"Matt J.","url":"/user/11a88c24-8014-4636-87bf-5b00473e35ac"},"datePublished":"2025-06-12T13:48:51.60311+00:00","dateModified":"2025-06-12T13:48:53.77081+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"I would highly recommend Slater.app - https://slater.app/ - this is a perfect use case for it.\n\nI barely know JS but I used it to create a calculator form hooked up to a mapbox API to calculate delivery estimates.","author":{"@type":"Person","name":"Matt J.","url":"/user/11a88c24-8014-4636-87bf-5b00473e35ac"},"datePublished":"2025-06-12T13:48:57.68162+00:00","dateModified":"2025-06-12T13:49:01.484324+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"hey matt, I havent got any jquery anywhere else on the site. Im no js expert either haha. Thanks mate will take a look at slater!","author":{"@type":"Person","name":"Harry D.","url":"/user/515a8ecd-c113-4e19-97fa-62e438e94939"},"datePublished":"2025-06-12T13:49:04.091756+00:00","dateModified":"2025-06-12T13:49:06.332739+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"okay, I would prompt GPT to not use JQuery then, and see if what it results in might work. I really dont think you \"need\" JQuery.\n\nAlso I assume this is a Webflow project, and I do think that JQuery is baked into Webflow but I don't know that 100%.\n\nSafer to just try to get the interaction working with vanilla JS first, then slowly add in complexities like animations/transitions etc.","author":{"@type":"Person","name":"Matt J.","url":"/user/11a88c24-8014-4636-87bf-5b00473e35ac"},"datePublished":"2025-06-12T13:49:08.714687+00:00","dateModified":"2025-06-12T13:49:11.461126+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"Sorry should of been more specific, yeah this is a webflow project!\n\nlet me go talk to chatgpt and see what it says","author":{"@type":"Person","name":"Harry D.","url":"/user/515a8ecd-c113-4e19-97fa-62e438e94939"},"datePublished":"2025-06-12T13:49:13.890751+00:00","dateModified":"2025-06-12T13:49:16.091482+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}}]}
Email Validation Script to Reveal Additional Fields | Relume Community
<script>
$(document).ready(function() {
// Hide the additional fields initially
$('.additional-fields').hide();
// When the user types in the email input
$('#email-input').on('input', function() {
var email = $(this).val();
// You can add your email validation logic here
// If email is valid, reveal the additional fields
if (isValidEmail(email)) {
$('.additional-fields').slideDown();
}
});
// Function to validate email (you can replace this with your own validation logic)
function isValidEmail(email) {
// Your validation logic here
return /\S+@\S+\.\S+/.test(email);
}
});
</script>
I would highly recommend Slater.app - https://slater.app/ - this is a perfect use case for it.
I barely know JS but I used it to create a calculator form hooked up to a mapbox API to calculate delivery estimates.
okay, I would prompt GPT to not use JQuery then, and see if what it results in might work. I really dont think you "need" JQuery.
Also I assume this is a Webflow project, and I do think that JQuery is baked into Webflow but I don't know that 100%.
Safer to just try to get the interaction working with vanilla JS first, then slowly add in complexities like animations/transitions etc.