Forgot Password Check Input

100% 
<script type="text/javascript">
    $('.validation').hide();
    let $email = $("#field_email");
    let $infoEmail = $("#info_email_text");

    function isEmailValid() {
        const re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        return re.test($email.val());
    } <
    !--Can submit-- >
    function canSubmit() {
        return isEmailValid();
    }

    function emailEvent() {
        if (isEmailValid()) {
            $email.next().hide();
        } else {
            $email.next().show();
        }
    } <
    !--Enable or disable the submit button-- >
    function enableSubmitEvent() {
        $("#forgot-password-btn").prop("disabled", !canSubmit());
    }
    $email.focus(emailEvent).keyup(emailEvent).keyup(enableSubmitEvent); <
    !--Run submit button
    function code-- >
    enableSubmitEvent();
</script>
 
<script type="text/javascript">
    $('.validation').hide();

    let $email = $("#field_email");
    let $infoEmail = $("#info_email_text");

    function isEmailValid() {
        const re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        return re.test($email.val());
    }

    <!--Can submit -->
    function canSubmit() {
        return isEmailValid();
    }

    function emailEvent() {
        if (isEmailValid()) {
            $email.next().hide();
        } else {
            $email.next().show();
        }
    }

    <!--Enable or disable the submit button-->
    function enableSubmitEvent() {
        $("#forgot-password-btn").prop("disabled", !canSubmit());
    }

    $email.focus(emailEvent).keyup(emailEvent).keyup(enableSubmitEvent);

    <!--Run submit button function code-->
    enableSubmitEvent();
</script>
 
/* No context defined. */
  • Content: 
    <script type="text/javascript">
    $('.validation').hide();

    let $email = $("#field_email");
    let $infoEmail = $("#info_email_text");

    function isEmailValid() {
        const re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        return re.test($email.val());
    }

    <!--Can submit -->
    function canSubmit() {
        return isEmailValid();
    }

    function emailEvent() {
        if (isEmailValid()) {
            $email.next().hide();
        } else {
            $email.next().show();
        }
    }

    <!--Enable or disable the submit button-->
    function enableSubmitEvent() {
        $("#forgot-password-btn").prop("disabled", !canSubmit());
    }

    $email.focus(emailEvent).keyup(emailEvent).keyup(enableSubmitEvent);

    <!--Run submit button function code-->
    enableSubmitEvent();
</script>
  • URL: /components/raw/hub_forgotpasswordcheckinput/forgotPasswordCheckInput.mustache
  • Filesystem Path: src/patterns/50-external/Xpresso/Hub_Partial/forgotPasswordCheckInput/forgotPasswordCheckInput.mustache
  • Size: 949 Bytes
  • Handle: @hub_forgotpasswordcheckinput
  • Preview:
  • Filesystem Path: src/patterns/50-external/Xpresso/Hub_Partial/forgotPasswordCheckInput/forgotPasswordCheckInput.mustache

No notes defined.