How to modify international phone validation

  • Resolved matias1234

    (@matias1234)


    6 months, 2 weeks ago

    Hi! Is there a way in which I can achieve the following:

    1. Add an extra number to a specific country code, in this case Argentina. It’s +54 but it’d like it to be +549 because a 9 is needed when mobile phones are entered. At the same time, I’d like people not to be able to remove this (currently they can)
    2. Remove or not allow spaces in the field, as well as no extra characters except for ‘+’. This is so the numbers I collect have no spaces or hyphens.

    At the moment, I am using the input field with a pre-filled country code +549 and I allow no more than 14 characters, but this is not ideal as there is no validation.

    Thanks a lot!

Viewing 8 replies - 16 through 23 (of 23 total)
  • Thread Starter matias1234

    (@matias1234)

    Works perfect now! As expected!
    Thanks a lot for all your help!

    Thread Starter matias1234

    (@matias1234)

    Hi there! The solution you provided has been working perfectly!
    However, I am trying to create a paginated form with this validation but it just won′t go to the following page. Here is the form: https://www.whitecastle.com.ar/inscripcion2/

    I have tried removing the page break and it works well. Is there anything I′m missing?

    Thanks a lot!

    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @matias1234

    I just tried that form and I could go to the second page without any issue after I filled-in all requested fields.

    Did you change something already or should I, for example, fill it in in some specific way – could you provide example (preferably fake due to this being public forum) data that you can replicate the issue with?

    Or maybe it’s in some specific browser(s)/device(s) only – if yes, which ones?

    Please advise!

    kind regards,
    Adam

    Thread Starter matias1234

    (@matias1234)

    I have performed several tests and only on some occasions did it actually work, but there’s no clear pattern. I′ve tried Chrome, Safari, Samsung, and on both desktop and mobile devices. In most cases, it doesn’t work, though just at random times, it does work…
    At the moment, no fields are required to continue, so what I have noticed is that if I load the page and quickly hit continue, it goes to the next page. But if I wait for the number “9” to appear in the validation, it won′t. I have tried adjusting the timeout value but it′s still the same:

    setTimeout(function() { $(‘.forminator-custom-form’).trigger(‘after.load.forminator’); }, 2000);

    Plugin Support Nebu John – WPMU DEV Support

    (@wpmudevsupport14)

    Hi @matias1234,

    if I wait for the number “9” to appear in the validation, it won′t.

    I rechecked this on my end, waited for the JS execution, and saw the number 9 appear in the input field, but I was still unable to replicate the issue. I was able to navigate to the next page without any problems.

    Would it be possible for you to share a screen record of the issue so that we can better understand the issue?

    Kind Regards,
    Nebu John

    Thread Starter matias1234

    (@matias1234)

    Hi! Here goes a screen record:

    https://ctrlv.tv/QyPs

    As you can see, I’ve tried 2 different sessions in Chrome and one in Safari. It′s only in one of the sessions in chrome that it works. I′ve tried being logged in and out of wordpress and it makes no difference.
    I′ve also tried different desktop and mobile devices with different browsers and issue is still random, but it mostly doesn’t work.
    In the video you can see that in all cases, if I quickly hit Continue (before 9 pops up), it does move forward.

    Thanks a lot!

    • This reply was modified 3 months ago by matias1234.
    Plugin Support Zafer – WPMU DEV Support

    (@wpmudevsupport15)

    Hi @matias1234,

    I hope you are doing well today!

    Please try enabling “Load form using AJAX” and “Prevent page caching on form pages” options under Edit Form->Behavior->Rendering if they are not enabled.
    https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#rendering

    Please also check with incognito mode (Ctrl+Shift+N for Chrome on Windows / Command+Shift+N on Mac)

    Kind regards,
    Zafer

    Plugin Support Laura – WPMU DEV Support

    (@wpmudevsupport3)

    Hi @matias1234,

    We haven’t heard from you in a while, I’ll go and mark this thread as resolved. Note that you can still reply on this topic.

    If you have any additional questions or require further help, please let us know!

    Best regards,
    Laura

Viewing 8 replies - 16 through 23 (of 23 total)
  • You must be logged in to reply to this topic.