Captcha For Sign Up Cycling on iPhones

Ask the community
, ,
1

Hi, I’ve run into an issue today with a sign up process. I have created a custom sign up form using Wix Velo. The current code for this can be seen below.

This is all working perfectly on desktop and for Android users. After typing in their email and confirming a password (without any errors), a captcha verification tick is displayed (I assume this is a built in part of authentication.register?).

This works fine for desktop and Android users who tick the box and it verifies them and creates their account. However for iPhone users, it requires them to go through a captcha (usually selecting images). This is done successfully, but then rather than verifying and creating an account, another captcha tick box is automatically opened and the captcha process started again. This seems to loop indefinitely. Below is a video of this loop happening:

Code for the custom sign up lightbox:

import { authentication } from ‘wix-members’ ;
import wixWindow from ‘wix-window’ ;

$w . onReady ( async function () {

});

export async function submitBtn_click ( event ) {
if (! $w ( ‘#emailInput’ ). valid ) {
$w ( ‘#errMsg’ ). text = “Please verify you have entered a valid email address.” ;
$w ( ‘#errMsg’ ). expand ();
return ;
}
if (! $w ( ‘#pwordInput’ ). valid ) {
$w ( ‘#errMsg’ ). text = “Please enter a valid password.” ;
$w ( ‘#errMsg’ ). expand ();
return ;
}
if ( $w ( ‘#pwordInput’ ). value.length < 6 || $w ( ‘#pwordInput’ ). value . search (/[a-z]/ gi ) === - 1 || $w ( ‘#pwordInput’ ). value . search (/[0-9]/ gi ) === - 1 ) {
$w ( ‘#errMsg’ ). text = “Password must be at least 6 characters, and contain at least 1 letter and at least 1 number.” ;
$w ( ‘#errMsg’ ). expand ();
return ;
}
if ( $w ( ‘#pwordInput’ ). value !== $w ( ‘#confPwordInput’ ). value ) {
$w ( ‘#errMsg’ ). text = “Passwords do not match, please verify and try again.” ;
$w ( ‘#errMsg’ ). expand ();
return ;
}
$w ( ‘#submitBtn’ ). disable ();
$w ( ‘#errMsg’ ). text = “Creating account…” ;
$w ( ‘#errMsg’ ). expand ();

**try**  { 
    **await**  authentication . register($w ( '#emailInput' ). value ,  $w ( '#pwordInput' ). value ); 
    wixWindow . openLightbox ( "VerifyAccount" ); 
}  catch ( error ) { 
    const  words  =  error . split ( ' ' ); 
    if ( ` ${ words [ 0 ]}  ${ words [ 1 ]}  ${ words [ 2 ]}  ${ words [ 4 ]}  ${ words [ 5 ]} `  ===  'member with email already exists' ) { 
        $w ( '#errMsg' ). text  =  "Account with email already exists. You can log in above." ; 
    }  **else**  { 
        $w ( '#errMsg' ). text  =  "Server error. Please contact site administrator for assistance." ; 
    } 
    console . log ( error ,  ' - error' ); 
}

}