how can i change input mask according to the phone number format ?

manas777

created 3 years ago

how can i change input mask according to the phone number format ? for example for +91 and +1 , ind and us ?

Code
{
          type: "text",
          name: "question77",
          title: "Phone",
          inputMask: "phone",
          inputFormat: "(+##)-###-###-####",
          placeHolder: "+0-000-000-0000",
          validators: [
            {
              type: "numeric",
            },
          ],
          startWithNewLine: false,
        },

Answers approved by surveyjs Support

Jane

created 3 years ago (modified 3 years ago)

Hello,
You can try the (+99)-999-999-9999 or (+9)-999-999-9999 inputFormat. 9 is a mask definition for numeric characters. For more information on mask syntax, please refer to Inputmask documentation: Readme.md.

JSON
{
   "name": "date",
   "type": "text",
   "title": "Date:",
   "inputMask": "phone",
   "inputFormat": "(+99)-999-999-9999",
   "placeholder": "(+99)-999-999-9999"
}

Drop me a line if you have any questions.

Show previous comments (6)

manas777 3 years ago

i want to dynamically change the input mask based on +91 and +1

Jane 3 years ago

Hi,
Would you please clarify what you mean by dynamically change an input mask? Do you want to apply a mask upon a condition?

manas777 3 years ago

yes mask on condition!

Jane 3 years ago

Hello,
If you wish to update the inputFormat based on another question value, subscribe to the survey.onValueChanged function, obtain an Inputmask question using the survey.getQuestionByName and change its inputFormat value.

Please let me know if this works for you.

manas777 2 years ago

JSON
{
 type: "text",
 name: "home\_telephone",
 inputMask: "phone",
 inputFormat: \`+${"#".repeat(countryCode?.length\-1)} (###) ###-####\`,
 title: { default: "Home Telephone", sp: "Teléfono de casa" },
 startWithNewLine: false,
 isRequired: true,
 requiredErrorText: "Field is mandatory!",
 placeHolder: \`${countryCode} (000) 000-0000\`,
 readOnly: true,
 validators: \[
 {
 type: "numeric",
 },
 \],
 }

how can i change input format dynamically

Jane 2 years ago

Hello,
From what I gather, the home_telephone input format depends on the countryCode question. If so, you can subscribe to the survey.onValueChanged and update a home_telephone's inputMask property when the countryCode question value is changed.

Let me know if you have any questions.

manas777 2 years ago

email is the phone based on that i have to change input format

manas777 2 years ago

is anyone there @surveyjs Support team.

Jane 2 years ago

Hello,
The inputFormat setting doesn't accept placeholders. If you wish to change the inputFormat of a survey question, you can get a survey question using the survey.getQuestionByName function, and specify the question's inputFormat property as you wish.

Drop me a line if you have any questions.

how can i change input mask according to the phone number format ?

Answers approved by surveyjs Support

Recently viewed tickets