Angular form validation - get all validation errorsAngular HTML bindingAngular DI Error - EXCEPTION: Can't resolve all parametersHuge number of files generated for every Angular projectNested forms in Angular 2 JS (RC4 and newer)Angular 2 dynamic form get complex valuesmodel driven form: validation not working as expected in Angular 2Angular 4 form validation with model not workingAngular 4 ngSubmit not getting values from jquery populated inputsAngular material 2 datepicker with [ngmodel]Add Inputs to a Form from a Child Component
One folder two different locations on ubuntu 18.04
Did Chinese school textbook maps (c. 1951) "depict China as stretching even into the central Asian republics"?
Why was Mal so quick to drop Bester in favour of Kaylee?
Was it really unprofessional of me to leave without asking for a raise first?
How long do you play these notes?
Why transcripts instead of degree certificates?
How to expand abbrevs without hitting another extra key?
"Plugged in" or "Plugged in in"
If the same attack that causes a druid to revert from Wild Shape also reduces their maximum HP, what happens?
Why do user defined scalar functions require the schema?
Can another character physically take something that Mage Hand is carrying/holding?
The Starks, Parks, Clarks and their kids
What is the line crossing the Pacific Ocean that is shown on maps?
Is there reliable evidence that depleted uranium from the 1999 NATO bombing is causing cancer in Serbia?
How can I convince my reader that I will not use a certain trope?
Procedurally generate regions on island
Needle Hotend for nonplanar printing
Does “comme on était à New York” mean “since” or “as though”?
Why does a brace command group need spaces after the opening brace in POSIX Shell Grammar?
How to use JOIN and SUM function to Calculate the total of query returned column?
Reverse of diffraction
Symbol for "not absolutely continuous" in Latex
In F1 classification, what is ON?
Averting Real Women Don’t Wear Dresses
Angular form validation - get all validation errors
Angular HTML bindingAngular DI Error - EXCEPTION: Can't resolve all parametersHuge number of files generated for every Angular projectNested forms in Angular 2 JS (RC4 and newer)Angular 2 dynamic form get complex valuesmodel driven form: validation not working as expected in Angular 2Angular 4 form validation with model not workingAngular 4 ngSubmit not getting values from jquery populated inputsAngular material 2 datepicker with [ngmodel]Add Inputs to a Form from a Child Component
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I am looking for a solution for following problem:
I have a form like this:
<form (ngSubmit)="submit(f.form)" #f="ngForm">
<label>Name</label>
<input type="text" name="name" required />
...
<button type="submit">Submit</button>
</form>
I process it like this:
submit(f: FormGroup): void {
Object.keys(form.controls).forEach(key =>
const controlErrors: ValidationErrors = form.get(key).errors;
if (controlErrors != null)
Object.keys(controlErrors).forEach(keyError =>
console.log('Key control: ' + key + ', keyError: ' + keyError + ', err value: ', controlErrors[keyError]);
);
);
So I output to the console all the validation errors in a generic way. In this processing I need to be able to access value of a label which is next to the input to get its value instead of key. So I can make a message saying 'labelValue is required.'. How can I access value of label. I cannot make it a ViewChild as I am looking for a generic solution and I cannot make a ViewChild for every label element in form.
add a comment |
I am looking for a solution for following problem:
I have a form like this:
<form (ngSubmit)="submit(f.form)" #f="ngForm">
<label>Name</label>
<input type="text" name="name" required />
...
<button type="submit">Submit</button>
</form>
I process it like this:
submit(f: FormGroup): void {
Object.keys(form.controls).forEach(key =>
const controlErrors: ValidationErrors = form.get(key).errors;
if (controlErrors != null)
Object.keys(controlErrors).forEach(keyError =>
console.log('Key control: ' + key + ', keyError: ' + keyError + ', err value: ', controlErrors[keyError]);
);
);
So I output to the console all the validation errors in a generic way. In this processing I need to be able to access value of a label which is next to the input to get its value instead of key. So I can make a message saying 'labelValue is required.'. How can I access value of label. I cannot make it a ViewChild as I am looking for a generic solution and I cannot make a ViewChild for every label element in form.
label value is static y you need it. without any reference you cannot get the text
– Sheik Althaf
Mar 25 at 12:33
I have the feeling you're trying to reinvent ngx-valdemort. ngx-valdemort.ninja-squad.com/#
– JB Nizet
Mar 25 at 12:36
Try accessing the native element from the form control. It might help.
– ashish.gd
Mar 25 at 12:38
add a comment |
I am looking for a solution for following problem:
I have a form like this:
<form (ngSubmit)="submit(f.form)" #f="ngForm">
<label>Name</label>
<input type="text" name="name" required />
...
<button type="submit">Submit</button>
</form>
I process it like this:
submit(f: FormGroup): void {
Object.keys(form.controls).forEach(key =>
const controlErrors: ValidationErrors = form.get(key).errors;
if (controlErrors != null)
Object.keys(controlErrors).forEach(keyError =>
console.log('Key control: ' + key + ', keyError: ' + keyError + ', err value: ', controlErrors[keyError]);
);
);
So I output to the console all the validation errors in a generic way. In this processing I need to be able to access value of a label which is next to the input to get its value instead of key. So I can make a message saying 'labelValue is required.'. How can I access value of label. I cannot make it a ViewChild as I am looking for a generic solution and I cannot make a ViewChild for every label element in form.
I am looking for a solution for following problem:
I have a form like this:
<form (ngSubmit)="submit(f.form)" #f="ngForm">
<label>Name</label>
<input type="text" name="name" required />
...
<button type="submit">Submit</button>
</form>
I process it like this:
submit(f: FormGroup): void {
Object.keys(form.controls).forEach(key =>
const controlErrors: ValidationErrors = form.get(key).errors;
if (controlErrors != null)
Object.keys(controlErrors).forEach(keyError =>
console.log('Key control: ' + key + ', keyError: ' + keyError + ', err value: ', controlErrors[keyError]);
);
);
So I output to the console all the validation errors in a generic way. In this processing I need to be able to access value of a label which is next to the input to get its value instead of key. So I can make a message saying 'labelValue is required.'. How can I access value of label. I cannot make it a ViewChild as I am looking for a generic solution and I cannot make a ViewChild for every label element in form.
asked Mar 25 at 12:31
jabko87jabko87
1,7591 gold badge15 silver badges23 bronze badges
1,7591 gold badge15 silver badges23 bronze badges
label value is static y you need it. without any reference you cannot get the text
– Sheik Althaf
Mar 25 at 12:33
I have the feeling you're trying to reinvent ngx-valdemort. ngx-valdemort.ninja-squad.com/#
– JB Nizet
Mar 25 at 12:36
Try accessing the native element from the form control. It might help.
– ashish.gd
Mar 25 at 12:38
add a comment |
label value is static y you need it. without any reference you cannot get the text
– Sheik Althaf
Mar 25 at 12:33
I have the feeling you're trying to reinvent ngx-valdemort. ngx-valdemort.ninja-squad.com/#
– JB Nizet
Mar 25 at 12:36
Try accessing the native element from the form control. It might help.
– ashish.gd
Mar 25 at 12:38
label value is static y you need it. without any reference you cannot get the text
– Sheik Althaf
Mar 25 at 12:33
label value is static y you need it. without any reference you cannot get the text
– Sheik Althaf
Mar 25 at 12:33
I have the feeling you're trying to reinvent ngx-valdemort. ngx-valdemort.ninja-squad.com/#
– JB Nizet
Mar 25 at 12:36
I have the feeling you're trying to reinvent ngx-valdemort. ngx-valdemort.ninja-squad.com/#
– JB Nizet
Mar 25 at 12:36
Try accessing the native element from the form control. It might help.
– ashish.gd
Mar 25 at 12:38
Try accessing the native element from the form control. It might help.
– ashish.gd
Mar 25 at 12:38
add a comment |
0
active
oldest
votes
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
);
);
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%2f55337849%2fangular-form-validation-get-all-validation-errors%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.
Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.
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.
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%2f55337849%2fangular-form-validation-get-all-validation-errors%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
label value is static y you need it. without any reference you cannot get the text
– Sheik Althaf
Mar 25 at 12:33
I have the feeling you're trying to reinvent ngx-valdemort. ngx-valdemort.ninja-squad.com/#
– JB Nizet
Mar 25 at 12:36
Try accessing the native element from the form control. It might help.
– ashish.gd
Mar 25 at 12:38