Make phone number input so you can paste into it.
This commit is contained in:
parent
52daca07a7
commit
e100121e89
1 changed files with 20 additions and 17 deletions
|
|
@ -7,6 +7,7 @@
|
||||||
:isRequired="isRequired"
|
:isRequired="isRequired"
|
||||||
:validationRules="validationRuleForTextBoxQuestion"
|
:validationRules="validationRuleForTextBoxQuestion"
|
||||||
:keyDownHandler="onKeyDown"
|
:keyDownHandler="onKeyDown"
|
||||||
|
@input="filterNumber"
|
||||||
cmsWidgetName="phoneNumberQuestionWidget" />
|
cmsWidgetName="phoneNumberQuestionWidget" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -71,6 +72,11 @@ export default {
|
||||||
errors,
|
errors,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
phoneNumber: ''
|
||||||
|
};
|
||||||
|
},
|
||||||
computed: {
|
computed: {
|
||||||
phoneNumberQuestionWidget() {
|
phoneNumberQuestionWidget() {
|
||||||
return this.getCmsContent(this.cmsWidgetName, "QuestionText");
|
return this.getCmsContent(this.cmsWidgetName, "QuestionText");
|
||||||
|
|
@ -108,13 +114,10 @@ export default {
|
||||||
// Update the phone number with the formatted version
|
// Update the phone number with the formatted version
|
||||||
return formattedNumber;
|
return formattedNumber;
|
||||||
},
|
},
|
||||||
|
filterNumber() {
|
||||||
|
this.selectedValue = this.selectedValue.replace(/1/g, '');
|
||||||
|
},
|
||||||
onKeyDown(event) {
|
onKeyDown(event) {
|
||||||
if (
|
|
||||||
(this.selectedValue.length === 0 && event.key === "1") ||
|
|
||||||
(event.keyCode >= 65 && event.keyCode <= 90)
|
|
||||||
) {
|
|
||||||
event.preventDefault();
|
|
||||||
}
|
|
||||||
this.formatPhoneNumber(event.target.value + event.key);
|
this.formatPhoneNumber(event.target.value + event.key);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue