How to Install in Unbounce

This is 😍

Perfect! Thanks a ton. Any ideas on how to make this work as a domain-wide script? (tried and no dice)

When testing this script in a form on my phone (Chrome browser in Android) I’m having issues. I’m using format (XXX) XXX-XXXX but when I enter digits into the field, they get all jumbled and appear out of order. Is anyone else experiencing this? Any ideas how to fix? Thanks.

Hey @Andy2, it looks like this may be a known bug with this plugin 😐 https://github.com/digitalBush/jquery.maskedinput/issues/382.

I’ll keep an eye on that issue and post an update if a fix comes along.

Hello,

I have a field that needs to acept 3 letters or 4 letters.

How can I do that?

Thank you

Hi @toniomorais,

First you’ll need to write a custom validation rule with some RegEx that would validate the field based on your rules (3 or 4 letters).

Here is an old community post that gives a bit more details on how to approach custom validation.

Best,

Hristian

Hello Hristian,

Thank you for the guidance. It’s not yet working but….

I’m tryng to have a field that only should acept 3 letters or 4 letters.

If less than 3 letters should give error and if more than 4 letters should give error.

What is missing?

var valid = ( / a-zA-Z]{3}|Za-zA-Z]{4}/.test(value) );

Thank you

Com os melhores cumprimentos,

António Morais

logo-200]http://www.audicaoactiva.pt/

t: (+351) 253 775 303

www.AudicaoActiva.pthttp://www.audicaoactiva.pt/

This tip keeps working? I tried but for me don’t works.

Yes, it works for me.

Hello @Noah, recently, (maybe with the change of javascript), this script has been having a problem.

It requires to hit the submit button twice in order to see the confirmation message.

PS: do not use pre-fill functions of chrome, or you won’t be able to see the same bug.

EDIT: Nevermind, I was able to make it work by unchecking the box “jQuery(1.4.2)”.

I’m unable to view the instruction. Actually all posts from Noah. While logged in it asks “Can’t see the instructions? Log-in”. I’m logged in. I’ve tried logging out and different browsers. I can see this error in the console and wonder if it’s the problem or I need a higher level of access?

Uncaught Error: Syntax error, unrecognized expression: Convertables.

at Function.t.error (_ember_jquery-d430881a3fb1403871256e5a02423c4b20a78793685e92088613ca9a701baf88.js:1574)

at t.tokenize (_ember_jquery-d430881a3fb1403871256e5a02423c4b20a78793685e92088613ca9a701baf88.js:2230)

at t.select (_ember_jquery-d430881a3fb1403871256e5a02423c4b20a78793685e92088613ca9a701baf88.js:2657)

at Function.t >as find] (_ember_jquery-d430881a3fb1403871256e5a02423c4b20a78793685e92088613ca9a701baf88.js:876)

at Te.fn.init.find (_ember_jquery-d430881a3fb1403871256e5a02423c4b20a78793685e92088613ca9a701baf88.js:2910)

at new Te.fn.init (_ember_jquery-d430881a3fb1403871256e5a02423c4b20a78793685e92088613ca9a701baf88.js:3020)

at Te (_ember_jquery-d430881a3fb1403871256e5a02423c4b20a78793685e92088613ca9a701baf88.js:166)

at Te.fn.init.Te.fn. .as insertAfter] (_ember_jquery-d430881a3fb1403871256e5a02423c4b20a78793685e92088613ca9a701baf88.js:6223)

at 8ec62bdb64ea35082d358cd6b9a2697c4ed20ece.js:2

Hello there,

Has anyone succeed in making this script works with the multistep form 2.0 ?

When combined, i get an error when trying to go to the next field “This field is required”.

I have a question. In our country, the phone number could either be 9 digits or 10 digits. The problem is, when I set it to 10 digits, those with 9 digit phone numbers aren’t able to submit the form. Can I just provide the first 2 digits? Is there a way around this? Thanks.

@Noah, this is great - helping the unbounce community massively with getting a qualification or correction system in for phone numbers. UK numbers (and globally) have multiple formats with +44, 44, 007, 07, 7 etc etc… allowing this formatting is great for setting these parameters.

On another note - we’ve been working hard at putting together a postal code verification system in place for UK postal codes - this will be extremely helpful with segmenting leads according to exact suburbs in the UK for future targeting. Will share our approach in the next couple weeks once refined and tested.

Hey @aynjuhl

I had the same issues.

The " id(‘telefone’).setAttribute(‘maxlength’,15);" defines the maximum number of characters

You should also replace the id (telefone) to the phone field’s ID of your form

Try the code bellow:

<!-- PHONE MASK -->

<script type="text/javascript">



function mascara(o,f){

    v_obj=o

    v_fun=f

    setTimeout("execmascara()",1)

}

function execmascara(){

    v_obj.value=v_fun(v_obj.value)

}

function mtel(v){

    

    v=v.replace(/\D/g,"");             //Remove every special characters

    v=v.replace(/^(\d{2})(\d)/g,"($1) $2"); //Add "()" on the first 2 digits

    v=v.replace(/(\d)(\d{4})$/,"$1-$2");    //Add "-" between the 4th and 5th number

    return v;

}

function id( el ){

	return document.getElementById( el );

}

window.onload = function(){

    id('telefone').setAttribute('maxlength',15);

	id('telefone').onkeypress =

	function(){

	    mascara( this, mtel );

	}

}

</script>

Hi, Could you please post the code?

Im having an issue with this. I have copied and pasted the snippets into their spots and changed the id to net_worth since that's the field we are trying to mask… It is not seeming to render the code that is shared. what can i be doing wrong?