Signup form validation

I'm building a sign up form that looks like this:

const schema = type({
    email: 'email',
    password: 'string>1',
    confirmPassowrd: 'string'
})

const schema = type({
    email: 'email',
    password: 'string>1',
    confirmPassowrd: 'string'
})

How can I validate the confirmPassword field and make sure it is equal "===" to the password field? SOLUTION: https://discord.com/channels/957797212103016458/1117525551079501917/1117532686299435038

32 Replies

TizzySaurus•2y ago

Have you tried string===password?

Gabriel SilvaOP•2y ago

no I haven't i'll try it out and let you know how it goes

TizzySaurus•2y ago

Oh, that's not a scope you're using

Gabriel SilvaOP•2y ago

no should i?

Type '"string===password"' is not assignable to type '"Comparator == must be followed by a number literal (was '')"'

Type '"string===password"' is not assignable to type '"Comparator == must be followed by a number literal (was '')"'

TizzySaurus•2y ago

I'm not sure that it's [directly] possible in the current version Iirc there's a .equals() or something in beta

Gabriel SilvaOP•2y ago

hmm

Dimava•2y ago

const schema = type({
    email: 'email',
    password: 'string>1',
    confirmPassowrd: 'string'
}).narrow((data, problems) => {
   if (data.password != data.confirmPassowrd)
      problems.mustBe('same as password', ['confirmPassowrd'])
})

const schema = type({
    email: 'email',
    password: 'string>1',
    confirmPassowrd: 'string'
}).narrow((data, problems) => {
   if (data.password != data.confirmPassowrd)
      problems.mustBe('same as password', ['confirmPassowrd'])
})

TizzySaurus•2y ago

Morphs are probably the way to go, yeah

Dimava•2y ago

narrow not morph

TizzySaurus•2y ago

Then you can also add more validation to password, like "must have at least one number" or whatever Hmm, I suppose... not sure there's a difference though

Dimava•2y ago

morph is mutating so has different IO

TizzySaurus•2y ago

Eh, I guess But they can be the same if you code it to be so

Dimava•2y ago

so it makes Type<string> vs Type<(in:string) => string> you can't ^

TizzySaurus•2y ago

Not that it practically matters though The validation applied will be the same

Gabriel SilvaOP•2y ago

thats nice, thanks a lot

Dimava•2y ago

It will later

TizzySaurus•2y ago

Fair enough

Dimava•2y ago

e.g morphs gonna support clone-before-morph or something

Gabriel SilvaOP•2y ago

totally unrelated, is there an ETA for the next release?

Dimava•2y ago

thirthday

Gabriel SilvaOP•2y ago

been trying out arktype lately and really enjoying

TizzySaurus•2y ago

#announcements :)

Gabriel SilvaOP•2y ago

thanks 🙏 is there a way to mark something as the answer here?

Dimava•2y ago

No Well, you can link https://discord.com/channels/957797212103016458/1117525551079501917/1117527717403963474 in OP but that's it

Gabriel SilvaOP•2y ago

done

Unknown User•2y ago

Message Not Public

Dimava•2y ago

I would say

const schema = narrow({
    email: 'email',
    password: 'string>1',
    confirmPassowrd: 'string'
}, (data, problems) => {
   if (data.password != data.confirmPassowrd)
      problems.mustBe('same as password', {path: ['confirmPassowrd']})
   return data.password === data.confirmPassowrd
})

const schema = narrow({
    email: 'email',
    password: 'string>1',
    confirmPassowrd: 'string'
}, (data, problems) => {
   if (data.password != data.confirmPassowrd)
      problems.mustBe('same as password', {path: ['confirmPassowrd']})
   return data.password === data.confirmPassowrd
})

but well

Unknown User•2y ago

Message Not Public

Dimava•2y ago

My boat was lazy to actualy write in editor so thanks for correct impl

Unknown User•2y ago

Message Not Public

ssalbdivad•2y ago

Also note that there is an issue in the backlog to make this easier (not described yet but you get the high level idea from the title : P): https://github.com/arktypeio/arktype/issues/485

GitHub

Allow relative references for constraints (e.g. "string==./repeatPa...

Gabriel SilvaOP•2y ago

thats great news

Gaming

Programming

Signup form validation

Did you find this page helpful?