Of a cut-out field

Home Forums Quform WordPress Of a cut-out field

This topic is: not resolved
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #28499
    beingo
    Participant

    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.
    #28506
    Ally
    Support Staff

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

    #28508
    beingo
    Participant

    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

    #28511
    beingo
    Participant

    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/

    #28514
    Ally
    Support Staff

    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 5 years, 1 month ago by Ally.
    #28518
    beingo
    Participant

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

    #28535
    beingo
    Participant

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

    Please help

    #28542
    beingo
    Participant

    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.
    #28554
    Ally
    Support Staff

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

    #28555
    beingo
    Participant

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

    #28557
    Ally
    Support Staff

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

    #28558
    beingo
    Participant

    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.
    #28560
    Ally
    Support Staff

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

    #28561
    beingo
    Participant

    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.
    #28586
    Ally
    Support Staff

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

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy