Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
\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}}]}
Issues
Issues

Email Validation Script to Reveal Additional Fields

Avatar of Harry D.Harry D.
路
<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>

6 comments

  • Avatar of Matt J.
    Matt J.
    路

    Harry D. do you have jquery included in the project already somewhere or? Because this code here looks like JQuery to me.

  • Avatar of Matt J.
    Matt J.
    路

    #notajsexpert

  • Avatar of Matt J.
    Matt J.
    路

    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.

    馃憤1
  • Avatar of Harry D.
    Harry D.
    路

    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!

  • Avatar of Matt J.
    Matt J.
    路

    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.

  • Avatar of Harry D.
    Harry D.
    路

    Sorry should of been more specific, yeah this is a webflow project! let me go talk to chatgpt and see what it says