Is there a way to remove the pattern directive?
1
Im using the "pattern" attribute in an input, but it gets assigned as a directive from the patternValidator that is defined on "@angular/forms"
HTML:
<form [formGroup]="imcFormGroup">
<input #w type="text" inputmode="numeric" pattern="([0-9]{3}) [0-9]{3}-[0-9]{4}" placeholder="Weight" formControlName="weight">
</form>
I need to block the "pattern" directive inside "@angular/forms" so it doesn't get assigned into the FormControl as a validator.
angular asked Nov 24 '18 at 20:24
German MezaGerman Meza
82
add a comment |
1
Im using the "pattern" attribute in an input, but it gets assigned as a directive from the patternValidator that is defined on "@angular/forms"
HTML:
<form [formGroup]="imcFormGroup">
<input #w type="text" inputmode="numeric" pattern="([0-9]{3}) [0-9]{3}-[0-9]{4}" placeholder="Weight" formControlName="weight">
</form>
I need to block the "pattern" directive inside "@angular/forms" so it doesn't get assigned into the FormControl as a validator.
angular asked Nov 24 '18 at 20:24
German MezaGerman Meza
82
1
does this pattern cause the validator to fail in some way?
– Claies
Nov 24 '18 at 20:27
Ye why is it bothering you anyway?
– Antoniossss
Nov 24 '18 at 20:39
Im using a mask, and the input has to be type="text", then to show the numeric keyboard on iOS i need to add the pattern attribute, so when i use a mask like ([0-9]{3}) [0-9]{3}-[0-9]{4} to show on the input ** (0000) 0__-____ **, then this makes the pattern validator "invalid" because of the parentheses and the lines
– German Meza
Nov 24 '18 at 20:51
You could just remove that validator after form is initialized.
– Antoniossss
Nov 25 '18 at 14:58
add a comment |
1
1
1
Im using the "pattern" attribute in an input, but it gets assigned as a directive from the patternValidator that is defined on "@angular/forms"
HTML:
<form [formGroup]="imcFormGroup">
<input #w type="text" inputmode="numeric" pattern="([0-9]{3}) [0-9]{3}-[0-9]{4}" placeholder="Weight" formControlName="weight">
</form>
I need to block the "pattern" directive inside "@angular/forms" so it doesn't get assigned into the FormControl as a validator.
angular asked Nov 24 '18 at 20:24
German MezaGerman Meza
82
Im using the "pattern" attribute in an input, but it gets assigned as a directive from the patternValidator that is defined on "@angular/forms"
HTML:
<form [formGroup]="imcFormGroup">
<input #w type="text" inputmode="numeric" pattern="([0-9]{3}) [0-9]{3}-[0-9]{4}" placeholder="Weight" formControlName="weight">
</form>
I need to block the "pattern" directive inside "@angular/forms" so it doesn't get assigned into the FormControl as a validator.
angular angular asked Nov 24 '18 at 20:24
German MezaGerman Meza
82
asked Nov 24 '18 at 20:24
German MezaGerman Meza
82
asked Nov 24 '18 at 20:24
German MezaGerman Meza
82
asked Nov 24 '18 at 20:24
German MezaGerman Meza
82
asked Nov 24 '18 at 20:24
German MezaGerman Meza
82
82
1
does this pattern cause the validator to fail in some way?
– Claies
Nov 24 '18 at 20:27
Ye why is it bothering you anyway?
– Antoniossss
Nov 24 '18 at 20:39
Im using a mask, and the input has to be type="text", then to show the numeric keyboard on iOS i need to add the pattern attribute, so when i use a mask like ([0-9]{3}) [0-9]{3}-[0-9]{4} to show on the input ** (0000) 0__-____ **, then this makes the pattern validator "invalid" because of the parentheses and the lines
– German Meza
Nov 24 '18 at 20:51
You could just remove that validator after form is initialized.
– Antoniossss
Nov 25 '18 at 14:58
add a comment |
1
does this pattern cause the validator to fail in some way?
– Claies
Nov 24 '18 at 20:27
Ye why is it bothering you anyway?
– Antoniossss
Nov 24 '18 at 20:39
Im using a mask, and the input has to be type="text", then to show the numeric keyboard on iOS i need to add the pattern attribute, so when i use a mask like ([0-9]{3}) [0-9]{3}-[0-9]{4} to show on the input ** (0000) 0__-____ **, then this makes the pattern validator "invalid" because of the parentheses and the lines
– German Meza
Nov 24 '18 at 20:51
You could just remove that validator after form is initialized.
– Antoniossss
Nov 25 '18 at 14:58
1
1
does this pattern cause the validator to fail in some way?
– Claies
Nov 24 '18 at 20:27
does this pattern cause the validator to fail in some way?
– Claies
Nov 24 '18 at 20:27
Ye why is it bothering you anyway?
– Antoniossss
Nov 24 '18 at 20:39
Ye why is it bothering you anyway?
– Antoniossss
Nov 24 '18 at 20:39
Im using a mask, and the input has to be type="text", then to show the numeric keyboard on iOS i need to add the pattern attribute, so when i use a mask like ([0-9]{3}) [0-9]{3}-[0-9]{4} to show on the input ** (0000) 0__-____ **, then this makes the pattern validator "invalid" because of the parentheses and the lines
– German Meza
Nov 24 '18 at 20:51
Im using a mask, and the input has to be type="text", then to show the numeric keyboard on iOS i need to add the pattern attribute, so when i use a mask like ([0-9]{3}) [0-9]{3}-[0-9]{4} to show on the input ** (0000) 0__-____ **, then this makes the pattern validator "invalid" because of the parentheses and the lines
– German Meza
Nov 24 '18 at 20:51
You could just remove that validator after form is initialized.
– Antoniossss
Nov 25 '18 at 14:58
You could just remove that validator after form is initialized.
– Antoniossss
Nov 25 '18 at 14:58
add a comment |
1 Answer
1
active
oldest
votes
0
it should work if you add the pattern with [attr.pattern]="'([0-9]{3}) [0-9]{3}-[0-9]{4}'"
see https://stackblitz.com/edit/angular-8eahic
answered Nov 24 '18 at 21:13
A.WinnenA.Winnen
867119
Thanks! This worked! 😀
– German Meza
Nov 24 '18 at 23:10
Do you want to mark the question as accepted answer?
– A.Winnen
Nov 25 '18 at 3:55
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53462057%2fis-there-a-way-to-remove-the-pattern-directive%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
it should work if you add the pattern with [attr.pattern]="'([0-9]{3}) [0-9]{3}-[0-9]{4}'"
see https://stackblitz.com/edit/angular-8eahic
answered Nov 24 '18 at 21:13
A.WinnenA.Winnen
867119
Thanks! This worked! 😀
– German Meza
Nov 24 '18 at 23:10
Do you want to mark the question as accepted answer?
– A.Winnen
Nov 25 '18 at 3:55
add a comment |
0
it should work if you add the pattern with [attr.pattern]="'([0-9]{3}) [0-9]{3}-[0-9]{4}'"
see https://stackblitz.com/edit/angular-8eahic
answered Nov 24 '18 at 21:13
A.WinnenA.Winnen
867119
Thanks! This worked! 😀
– German Meza
Nov 24 '18 at 23:10
Do you want to mark the question as accepted answer?
– A.Winnen
Nov 25 '18 at 3:55
add a comment |
0
0
0
it should work if you add the pattern with [attr.pattern]="'([0-9]{3}) [0-9]{3}-[0-9]{4}'"
see https://stackblitz.com/edit/angular-8eahic
answered Nov 24 '18 at 21:13
A.WinnenA.Winnen
867119
it should work if you add the pattern with [attr.pattern]="'([0-9]{3}) [0-9]{3}-[0-9]{4}'"
see https://stackblitz.com/edit/angular-8eahic
answered Nov 24 '18 at 21:13
A.WinnenA.Winnen
867119
answered Nov 24 '18 at 21:13
A.WinnenA.Winnen
867119
answered Nov 24 '18 at 21:13
A.WinnenA.Winnen
867119
answered Nov 24 '18 at 21:13
A.WinnenA.Winnen
867119
867119
Thanks! This worked! 😀
– German Meza
Nov 24 '18 at 23:10
Do you want to mark the question as accepted answer?
– A.Winnen
Nov 25 '18 at 3:55
add a comment |
Thanks! This worked! 😀
– German Meza
Nov 24 '18 at 23:10
Do you want to mark the question as accepted answer?
– A.Winnen
Nov 25 '18 at 3:55
Thanks! This worked! 😀
– German Meza
Nov 24 '18 at 23:10
Thanks! This worked! 😀
– German Meza
Nov 24 '18 at 23:10
Do you want to mark the question as accepted answer?
– A.Winnen
Nov 25 '18 at 3:55
Do you want to mark the question as accepted answer?
– A.Winnen
Nov 25 '18 at 3:55
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53462057%2fis-there-a-way-to-remove-the-pattern-directive%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
does this pattern cause the validator to fail in some way?
– Claies
Nov 24 '18 at 20:27
Ye why is it bothering you anyway?
– Antoniossss
Nov 24 '18 at 20:39
Im using a mask, and the input has to be type="text", then to show the numeric keyboard on iOS i need to add the pattern attribute, so when i use a mask like ([0-9]{3}) [0-9]{3}-[0-9]{4} to show on the input ** (0000) 0__-____ **, then this makes the pattern validator "invalid" because of the parentheses and the lines
– German Meza
Nov 24 '18 at 20:51
You could just remove that validator after form is initialized.
– Antoniossss
Nov 25 '18 at 14:58