Of a cut-out field

[beingo]

Hello
For my login form I need a cut field (see picture)

The goal is that the user enters are 10-digit idendants.
as soon as it starts to insert the first digits, the cursor jumps / toggles to the second box, and so on

See example here: https://mon.compte-nickel.fr/identifiez-vous

Thank you

Attachments:

You must be logged in to view attached files.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[beingo]

Superb!
thank you so much
it works ! I am happy

Just, the space between the field blocks and the “-” are important.
I tried various codes, to bring together the blocks and the “-” (html) without success

[beingo]

Superb!
thank you so much
it works ! I am happy

Just, the space between the field blocks and the “-” are important.
I tried various codes, to bring together the blocks and the “-” (html) without success

View page : https://missions.beingo.eu/connexion/

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

• This reply was modified 6 years, 7 months ago by Ally.

[beingo]

It does not change anything.
What should I replace in place of the ids you put?

[beingo]

It does not change anything.
What should I replace in place of the ids you put?

Please help

[beingo]

Hello
Nothing changes in terms of spaces.
in addition when we look on pc with smaller screen, or on mobile, it is displayed crookedly.
we can not block the field that it stays perfectly straight and that it does not impede the fields on each other.

Attachments:

You must be logged in to view attached files.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[beingo]

Hello it does not work
I added this code above the previous code.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[beingo]

I’m sorry, but I do not understand where to go.
I put all the code you gave me

Attachments:

You must be logged in to view attached files.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[beingo]

Hi
for this https://missions.beingo.eu/register_
I integrate this code for the imput mask (phone number 00-00-00-00-00 – postal code 00 000)

For random client numbers I add this imput mask: 0 000 000 000 (for customer number 10 random digits.

It will appear but the number and pasted. 0000000000 instead of 0-000-000-000

Should we add a line of code to have the customer number like this: 0-000-000-000
Thank you

jQuery(function ($) {
if($.fn.mask){
$(‘.quform-field-8_237′).mask(’00-00-00-00-00’);
$(‘.quform-field-8_254′).mask(’00-00-00-00-00’);
$(‘.quform-field-8_222′).mask(’00 000’);
$(‘.quform-field-8_259′).mask(’00-00-0000’);
$(‘.quform-field-8_273’).mask(‘0-000-000-000’);

}

$(‘.quform-field-8_258’).val(getRandomString(7));
$(‘.quform-field-8_273’).val(getRandomNumber(10));

// Random generator helper functions
function getRandomString(length) {
return getRandom(length, ‘ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789’);
}

function getRandomNumber(length) {
return getRandom(length, ‘0123456789’);
}

function getRandom(length, possible) {
var output = ”;

for (var i = 0; i < length; i++) {
output += possible.charAt(Math.floor(Math.random() * possible.length));
}

return output;
}
});

Attachments:

You must be logged in to view attached files.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[Author]

Posts