Of a cut-out field

Home Forums Quform WordPress Of a cut-out field

This topic is: not resolved

This topic contains 13 replies, has 2 voices, and was last updated by  beingo 1 day, 8 hours ago.

Viewing 14 posts - 1 through 14 (of 14 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 6 days, 6 hours 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.
Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.

Be inspired. © 2018 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy