angular 5 validation form control update with required





.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}







3















I am using Angular 5. And How do I add required validation to an existing form control?? 



this.formSearch.get('name').clearValidators();

this.formSearch.get('name').updateValueAndValidity();





angular typescript







share|improve this question

























  • Try this.myform.get('field').setValidators([Validators.required]); and then call this.myform.get('field').updateValueAndValidity();

    – Daniel C.
    Jan 17 '18 at 0:41


















3















I am using Angular 5. And How do I add required validation to an existing form control?? 



this.formSearch.get('name').clearValidators();

this.formSearch.get('name').updateValueAndValidity();





angular typescript







share|improve this question

























  • Try this.myform.get('field').setValidators([Validators.required]); and then call this.myform.get('field').updateValueAndValidity();

    – Daniel C.
    Jan 17 '18 at 0:41














3












3








3








I am using Angular 5. And How do I add required validation to an existing form control?? 



this.formSearch.get('name').clearValidators();

this.formSearch.get('name').updateValueAndValidity();





angular typescript







share|improve this question
















I am using Angular 5. And How do I add required validation to an existing form control?? 



this.formSearch.get('name').clearValidators();

this.formSearch.get('name').updateValueAndValidity();





angular typescript




angular typescript






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Jan 4 at 15:39









mpro

2,18421021




2,18421021










asked Jan 17 '18 at 0:37









Charles MorrisonCharles Morrison

183119




183119













  • Try this.myform.get('field').setValidators([Validators.required]); and then call this.myform.get('field').updateValueAndValidity();

    – Daniel C.
    Jan 17 '18 at 0:41



















  • Try this.myform.get('field').setValidators([Validators.required]); and then call this.myform.get('field').updateValueAndValidity();

    – Daniel C.
    Jan 17 '18 at 0:41

















Try this.myform.get('field').setValidators([Validators.required]); and then call this.myform.get('field').updateValueAndValidity();

– Daniel C.
Jan 17 '18 at 0:41





Try this.myform.get('field').setValidators([Validators.required]); and then call this.myform.get('field').updateValueAndValidity();

– Daniel C.
Jan 17 '18 at 0:41












1 Answer
1






active

oldest

votes


















4














Angular comes with a small set of pre-built validators to match the ones we can define via standard HTML5 attributes, namely required, minlegth, maxlength and pattern which we can access from the Validators module.



The first parameter of a FormControl constructor is the initial value of the control, we’ll leave that as empty string. The second parameter contains either a single validator if we only want to apply one, or a list of validators if we want to apply multiple validators to a single control.



import { FormGroup, FormControl, Validators } from '@angular/forms';



class ModelFormComponent implements OnInit {

  myform: FormGroup;



  ngOnInit() {

    myform = new FormGroup({

        name: new FormGroup({

            firstName: new FormControl('', Validators.required),

            lastName: new FormControl('', Validators.required),

        }),

        email: new FormControl('', [ 

            Validators.required,

            Validators.pattern("[^ @]*@[^ @]*") 

        ]),

        password: new FormControl('', [

            Validators.minLength(8), 

            Validators.required

        ]),

        language: new FormControl() 

    });

  }

}



  1. We add a single required validator to mark this control as required.

  2. We can also provide an array of validators.

  3. We specify a pattern validator which checks whether the email contains a @ character.

  4. The minlength validator checks to see if the password is a minimum of 8 characters long.

  5. We don’t add any validators to the language select box.


IN YOUR SCENARIO
You can use something like this



this.formSearch.controls["name"].setValidators([Validators.required]‌​,[Validators.minLength(1), Validators.maxLength(30)]);


Here you simply pass the FormControl an array of validators. And this will reset any existing validators you added when you created the FormControl.



Additionally,




  1. Set a validator for a control in the FormGroup: this.formSearch.controls['name'].setValidators([Validators.required])


  2. Remove the validator from the control in the FormGroup:
    this.formSearch.controls['name'].clearValidators()


  3. Update the FormGroup once you have run either of the above lines. this.formSearch.controls['name'].updateValueAndValidity()







share|improve this answer





















  • 1





    Invoke updateValueAndValidity is very important and really often it's omitted

    – kris_IV
    Feb 19 '18 at 20:17












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


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f48292000%2fangular-5-validation-form-control-update-with-required%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









4














Angular comes with a small set of pre-built validators to match the ones we can define via standard HTML5 attributes, namely required, minlegth, maxlength and pattern which we can access from the Validators module.



The first parameter of a FormControl constructor is the initial value of the control, we’ll leave that as empty string. The second parameter contains either a single validator if we only want to apply one, or a list of validators if we want to apply multiple validators to a single control.



import { FormGroup, FormControl, Validators } from '@angular/forms';



class ModelFormComponent implements OnInit {

  myform: FormGroup;



  ngOnInit() {

    myform = new FormGroup({

        name: new FormGroup({

            firstName: new FormControl('', Validators.required),

            lastName: new FormControl('', Validators.required),

        }),

        email: new FormControl('', [ 

            Validators.required,

            Validators.pattern("[^ @]*@[^ @]*") 

        ]),

        password: new FormControl('', [

            Validators.minLength(8), 

            Validators.required

        ]),

        language: new FormControl() 

    });

  }

}



  1. We add a single required validator to mark this control as required.

  2. We can also provide an array of validators.

  3. We specify a pattern validator which checks whether the email contains a @ character.

  4. The minlength validator checks to see if the password is a minimum of 8 characters long.

  5. We don’t add any validators to the language select box.


IN YOUR SCENARIO
You can use something like this



this.formSearch.controls["name"].setValidators([Validators.required]‌​,[Validators.minLength(1), Validators.maxLength(30)]);


Here you simply pass the FormControl an array of validators. And this will reset any existing validators you added when you created the FormControl.



Additionally,




  1. Set a validator for a control in the FormGroup: this.formSearch.controls['name'].setValidators([Validators.required])


  2. Remove the validator from the control in the FormGroup:
    this.formSearch.controls['name'].clearValidators()


  3. Update the FormGroup once you have run either of the above lines. this.formSearch.controls['name'].updateValueAndValidity()







share|improve this answer





















  • 1





    Invoke updateValueAndValidity is very important and really often it's omitted

    – kris_IV
    Feb 19 '18 at 20:17
















4














Angular comes with a small set of pre-built validators to match the ones we can define via standard HTML5 attributes, namely required, minlegth, maxlength and pattern which we can access from the Validators module.



The first parameter of a FormControl constructor is the initial value of the control, we’ll leave that as empty string. The second parameter contains either a single validator if we only want to apply one, or a list of validators if we want to apply multiple validators to a single control.



import { FormGroup, FormControl, Validators } from '@angular/forms';



class ModelFormComponent implements OnInit {

  myform: FormGroup;



  ngOnInit() {

    myform = new FormGroup({

        name: new FormGroup({

            firstName: new FormControl('', Validators.required),

            lastName: new FormControl('', Validators.required),

        }),

        email: new FormControl('', [ 

            Validators.required,

            Validators.pattern("[^ @]*@[^ @]*") 

        ]),

        password: new FormControl('', [

            Validators.minLength(8), 

            Validators.required

        ]),

        language: new FormControl() 

    });

  }

}



  1. We add a single required validator to mark this control as required.

  2. We can also provide an array of validators.

  3. We specify a pattern validator which checks whether the email contains a @ character.

  4. The minlength validator checks to see if the password is a minimum of 8 characters long.

  5. We don’t add any validators to the language select box.


IN YOUR SCENARIO
You can use something like this



this.formSearch.controls["name"].setValidators([Validators.required]‌​,[Validators.minLength(1), Validators.maxLength(30)]);


Here you simply pass the FormControl an array of validators. And this will reset any existing validators you added when you created the FormControl.



Additionally,




  1. Set a validator for a control in the FormGroup: this.formSearch.controls['name'].setValidators([Validators.required])


  2. Remove the validator from the control in the FormGroup:
    this.formSearch.controls['name'].clearValidators()


  3. Update the FormGroup once you have run either of the above lines. this.formSearch.controls['name'].updateValueAndValidity()







share|improve this answer





















  • 1





    Invoke updateValueAndValidity is very important and really often it's omitted

    – kris_IV
    Feb 19 '18 at 20:17














4












4








4







Angular comes with a small set of pre-built validators to match the ones we can define via standard HTML5 attributes, namely required, minlegth, maxlength and pattern which we can access from the Validators module.



The first parameter of a FormControl constructor is the initial value of the control, we’ll leave that as empty string. The second parameter contains either a single validator if we only want to apply one, or a list of validators if we want to apply multiple validators to a single control.



import { FormGroup, FormControl, Validators } from '@angular/forms';



class ModelFormComponent implements OnInit {

  myform: FormGroup;



  ngOnInit() {

    myform = new FormGroup({

        name: new FormGroup({

            firstName: new FormControl('', Validators.required),

            lastName: new FormControl('', Validators.required),

        }),

        email: new FormControl('', [ 

            Validators.required,

            Validators.pattern("[^ @]*@[^ @]*") 

        ]),

        password: new FormControl('', [

            Validators.minLength(8), 

            Validators.required

        ]),

        language: new FormControl() 

    });

  }

}



  1. We add a single required validator to mark this control as required.

  2. We can also provide an array of validators.

  3. We specify a pattern validator which checks whether the email contains a @ character.

  4. The minlength validator checks to see if the password is a minimum of 8 characters long.

  5. We don’t add any validators to the language select box.


IN YOUR SCENARIO
You can use something like this



this.formSearch.controls["name"].setValidators([Validators.required]‌​,[Validators.minLength(1), Validators.maxLength(30)]);


Here you simply pass the FormControl an array of validators. And this will reset any existing validators you added when you created the FormControl.



Additionally,




  1. Set a validator for a control in the FormGroup: this.formSearch.controls['name'].setValidators([Validators.required])


  2. Remove the validator from the control in the FormGroup:
    this.formSearch.controls['name'].clearValidators()


  3. Update the FormGroup once you have run either of the above lines. this.formSearch.controls['name'].updateValueAndValidity()







share|improve this answer















Angular comes with a small set of pre-built validators to match the ones we can define via standard HTML5 attributes, namely required, minlegth, maxlength and pattern which we can access from the Validators module.



The first parameter of a FormControl constructor is the initial value of the control, we’ll leave that as empty string. The second parameter contains either a single validator if we only want to apply one, or a list of validators if we want to apply multiple validators to a single control.



import { FormGroup, FormControl, Validators } from '@angular/forms';



class ModelFormComponent implements OnInit {

  myform: FormGroup;



  ngOnInit() {

    myform = new FormGroup({

        name: new FormGroup({

            firstName: new FormControl('', Validators.required),

            lastName: new FormControl('', Validators.required),

        }),

        email: new FormControl('', [ 

            Validators.required,

            Validators.pattern("[^ @]*@[^ @]*") 

        ]),

        password: new FormControl('', [

            Validators.minLength(8), 

            Validators.required

        ]),

        language: new FormControl() 

    });

  }

}



  1. We add a single required validator to mark this control as required.

  2. We can also provide an array of validators.

  3. We specify a pattern validator which checks whether the email contains a @ character.

  4. The minlength validator checks to see if the password is a minimum of 8 characters long.

  5. We don’t add any validators to the language select box.


IN YOUR SCENARIO
You can use something like this



this.formSearch.controls["name"].setValidators([Validators.required]‌​,[Validators.minLength(1), Validators.maxLength(30)]);


Here you simply pass the FormControl an array of validators. And this will reset any existing validators you added when you created the FormControl.



Additionally,




  1. Set a validator for a control in the FormGroup: this.formSearch.controls['name'].setValidators([Validators.required])


  2. Remove the validator from the control in the FormGroup:
    this.formSearch.controls['name'].clearValidators()


  3. Update the FormGroup once you have run either of the above lines. this.formSearch.controls['name'].updateValueAndValidity()








share|improve this answer














share|improve this answer



share|improve this answer








edited Jan 17 '18 at 3:07

























answered Jan 17 '18 at 0:53









Lakindu GunasekaraLakindu Gunasekara

2,61341430




2,61341430








  • 1





    Invoke updateValueAndValidity is very important and really often it's omitted

    – kris_IV
    Feb 19 '18 at 20:17














  • 1





    Invoke updateValueAndValidity is very important and really often it's omitted

    – kris_IV
    Feb 19 '18 at 20:17








1




1





Invoke updateValueAndValidity is very important and really often it's omitted

– kris_IV
Feb 19 '18 at 20:17





Invoke updateValueAndValidity is very important and really often it's omitted

– kris_IV
Feb 19 '18 at 20:17




















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














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f48292000%2fangular-5-validation-form-control-update-with-required%23new-answer', 'question_page');
}
);

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







-

Popular posts from this blog

Mossoró

Image
  Nota: Para outros significados, veja Mossoró (desambiguação). Município de Mossoró "Capital do Oeste Potiguar" [ 1 ] "Capital nacional do Semiárido" [ 2 ] [ 3 ] "Capital Cultural do Rio Grande do Norte" [ 1 ] "Terra de Santa Luzia" [ 4 ] "Terra do Sol, do Sal e do Petróleo" [ 5 ] "Terra da Liberdade [ 6 ] " Centro de Mossoró, com a Praça Vigário Antônio Joaquim e, ao fundo, a câmara municipal de vereadores (esquerda) e Catedral de Santa Luzia (direita) Bandeira Brasão Hino Fundação 15 de março de 1852 (166 anos) Gentílico mossoroense Padroeiro(a) Santa Luzia Prefeito(a) Rosalba Ciarlini Rosado (PP) (2017 – 2020 ) Localização Localização de Mossoró no Rio Grande do Norte Mossoró Localização de Mossoró no Brasil 05° 11' 16" S 37° 20' 38" O 05° 11' 16" S 37° 20' 38" O Unidade federativa Rio Grande do No...
Read more

Error while reading .h5 file using the rhdf5 package in R

Image
0 I'm importing a .h5 file into R by using the rhdf5 package. But a warning message showed and I found the DATE_TIME column of my data is NA when I view the imported file. Warning message: In H5Dread(h5dataset = h5dataset, h5spaceFile = h5spaceFile, h5spaceMem = h5spaceMem, : h5read for type 'TIME' not yet implemented. Values replaced by NA's. It's all normal when I use Vitables (Python) to open the .h5 file. But the DATE_TIME column is NA with HDFViewer open it. My code is: library(rhdf5) test <- h5read("mytestdata.h5", "/results") View(mydatatest) I want to use R to open .h5 file. Please give me some help! Thanks in advance! r hdf5 rhdf5 ...
Read more

Pushsharp Apns notification error: 'InvalidToken'

Image
1 1 I am currently working on automatic updates for Passbook (wallet) tickets and am experiencing some trouble using the Pushsharp library by Redth. I am using a Push notification certificate from the apple developer portal. I have tried to export my certificate as .p12, .pem and tried to use only the private key as .12 or .pem but nothing works. This is my full certificate (information is blanked out for security reasons): https://cdn.pbrd.co/images/HUJtb7b.png I dont have enough reputation to post images so a link is all i can provide. var succeeded = 0; var failed = 0; var attempted = 0; var config = new ApnsConfiguration(ApnsConfiguration.ApnsServerEnvironment.Sandbox, ConfigManager.CertPath + "PushCertificateV2.p12", ConfigManager.lvppass, fa...
Read more