forms - Custom Validator Angular 2 -


i've written web api function takes username textfield , checks if username taken. know if username available or not, server returns y if available , n if not.

to validate username, i'm using validatorfn in angular2 validate input. however, validator function not working.

here validator function:

interface validator<t extends formcontrol> {   (c: t): { [error: string]: }; }  function validateusername(c: string) : validatorfn {   return (this.isavailable(c)=='y') ? null : {     validateusername: {       valid: false     }   }; }

here isavailable function:

private isavailable(username: string) {   let usernameavailable;   let url = 'url/api/auth/checkuser/' + username;   let headers = new headers();   headers.append('user', sessionstorage.getitem('username'));   headers.append('token', sessionstorage.getitem('token'));   headers.append('accesstime', sessionstorage.getitem('accesstime'));    let options = new requestoptions({ headers: headers });    this.http.get(url, options)     .subscribe((res: response) => usernameavailable);   return usernameavailable; //returns y or n }

form builder:

complexform: formgroup; constructor(private http: http, fb: formbuilder) {    this.complexform = fb.group({     'username': [null, validators.compose([validators.required, validators.minlength(5), validators.maxlength(10), validateusername(this.complexform.controls['username'].value)])],   }) }

validateusername(this.complexform.controls['username'].value) failing , i'm getting error:

[ts] type '{ validateusername: { valid: boolean; }; }' not assignable type 'validatorfn'.   object literal may specify known properties, , 'validateusername' not exist in type 'validatorfn'. (property) validateusername: {     valid: boolean; }

you not adding validator function correctly. don't need call function when register it:

this.complexform = fb.group({   'username': [null, validators.compose(     [       validators.required,       validators.minlength(5),       validators.maxlength(10),       validateusername    <----- don't call here     ]   )], })

you can see functions called:

validators.minlength(5),

but factory function call , not validator function call. during initialization return validatorfn:

  /**    * validator requires controls have value of minimum length.    */   static minlength(minlength: number): validatorfn {     return (control: abstractcontrol): validationerrors | null => {        ...   }

see more in official docs.

also, seems validator async, have pass in async array. , don't think need validators.compose. correct configuration should therefore this:

this.complexform = fb.group({   'username': [null, [     validators.required,     validators.minlength(5),     validators.maxlength(10),   ], [validateusername]] })

regarding error:

type '{ valid: boolean; }' not assignable type validatorfn.

you need use correct return type validationerrors instead of validatorfn:

function validateusername(c: string) : validationerrors {   return (this.isavailable(c)=='y') ? null : {     validateusername: {       valid: false     }   }; }

Comments

Post a Comment

Popular posts from this blog

Is there a better way to structure post methods in Class Based Views -

i'm using class based views in django , never specify url in ajax calls , omit action parameter in form because know these requests go through post method of class based view. notice view - profile page make many requests depending on user updating on page - post method become convoluted , if/else mess example: def post(self, request, *args, **kwargs): # handle user changing available date if request.post.get('availabledate') != none: self.updateavailabledate(request) return jsonresponse({'result':'success'}) if request.post.get('newprojectname') != none: creative_user = creativeuserprofile.objects.get(id = request.user.id) project = project.create_project(creative_user, request.post['newprojectname']) project.save() return jsonresponse({'projectid': project.id }) if request.post.get('projectimage') != none , request.files['file']: proj...
Read more

performance - Why is XCHG reg, reg a 3 micro-op instruction on modern Intel architectures? -

i'm doing micro-optimization on performance critical part of code , came across sequence of instructions (in at&t syntax): add %rax, %rbx mov %rdx, %rax mov %rbx, %rdx i thought had use case xchg allow me shave instruction , write: add %rbx, %rax xchg %rax, %rdx however, dimay found agner fog's instruction tables , xchg 3 micro-op instruction 2 cycle latency on sandy bridge, ivy bridge, broadwell, haswell , skylake. 3 whole micro-ops , 2 cycles of latency! 3 micro-ops throws off 4-1-1-1 cadence , 2 cycle latency makes worse original in best case since last 2 instructions in original might execute in parallel. now... cpu might breaking instruction micro-ops equivalent to: mov %rax, %tmp mov %rdx, %rax mov %tmp, %rdx where tmp anonymous internal register , suppose last 2 micro-ops run in parallel latency 2 cycles. given register renaming occurs on these micro-architectures, though, doesn't make sense me done way. why wouldn't register renamer ...
Read more

c# - Asp.net web api : redirect unauthorized requst to forbidden page -

im trying redirect unauthorized request forbidden page instead i'm getting forbidden page in response body , how can fix ? here's startup class : app.createperowincontext(storecontext.create); app.createperowincontext<applicationusermanager>(applicationusermanager.create); app.createperowincontext<applicationsigninmanager>(applicationsigninmanager.create); app.usecookieauthentication(new cookieauthenticationoptions { authenticationtype = defaultauthenticationtypes.applicationcookie, expiretimespan = timespan.fromdays(30), }); app.useexternalsignincookie(defaultauthenticationtypes.externalcookie); app.usetwofactorsignincookie(defaultauthenticationtypes.twofactorcookie, timespan.fromminutes(5)); app.usetwofactorrememberbrowsercookie(defaultauthenticationtypes.twofactorrememberbrowsercookie); the method im trying reach : [httpget] [authorize(roles = "admin")] public string getcurrentusername() { return userman...
Read more