Home › Forums › Quform WordPress › Of a cut-out field
- This topic has 14 replies, 2 voices, and was last updated 5 years, 1 month ago by Ally.
- AuthorPosts
- February 10, 2019 at 10:23 am #28499beingoParticipant
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 onSee example here: https://mon.compte-nickel.fr/identifiez-vous
Thank you
Attachments:
You must be logged in to view attached files.February 10, 2019 at 12:37 pm #28506AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
February 10, 2019 at 1:34 pm #28508beingoParticipantSuperb!
thank you so much
it works ! I am happyJust, the space between the field blocks and the “-” are important.
I tried various codes, to bring together the blocks and the “-” (html) without successFebruary 10, 2019 at 1:50 pm #28511beingoParticipantSuperb!
thank you so much
it works ! I am happyJust, the space between the field blocks and the “-” are important.
I tried various codes, to bring together the blocks and the “-” (html) without successView page : https://missions.beingo.eu/connexion/
February 10, 2019 at 1:59 pm #28514AllySupport StaffYou 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.
February 10, 2019 at 2:20 pm #28518beingoParticipantIt does not change anything.
What should I replace in place of the ids you put?February 12, 2019 at 4:39 pm #28535beingoParticipantIt does not change anything.
What should I replace in place of the ids you put?Please help
February 13, 2019 at 2:27 pm #28542beingoParticipantHello
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.February 15, 2019 at 11:14 am #28554AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
February 15, 2019 at 11:33 am #28555beingoParticipantHello it does not work
I added this code above the previous code.February 15, 2019 at 11:37 am #28557AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
February 15, 2019 at 11:47 am #28558beingoParticipantI’m sorry, but I do not understand where to go.
I put all the code you gave meAttachments:
You must be logged in to view attached files.February 15, 2019 at 12:04 pm #28560AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
February 15, 2019 at 12:08 pm #28561beingoParticipantHi
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 youjQuery(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.February 18, 2019 at 1:40 pm #28586AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
- AuthorPosts
- You must be logged in to reply to this topic.