Skip to content
Snippets Groups Projects

Add fnr validation component

Merged Andreas Ellewsen requested to merge GREG-48-validatefnr into master
All threads resolved!
4 files
+ 64
123
Compare changes
  • Side-by-side
  • Inline
Files
4
+ 23
0
 
import { useForm } from 'react-hook-form';
 
import validator from '@navikt/fnrvalidator'
 
 
const isValidIdnr = (data: string) => {
 
const validationResult = validator.idnr(data)
 
return validationResult.status === "valid"
 
}
 
 
 
function Fnr() {
 
const { register, handleSubmit, formState: { errors } } = useForm();
 
 
return <form onSubmit={handleSubmit((data) => { console.log(data) })}>
 
<label htmlFor="fnr">Fnr: </label>
 
<input type="text" placeholder="fnr" {...register("fnr", { required: "Fnr is required", validate: isValidIdnr })} id="fnr" />
 
{errors.fnr && errors.fnr.message}
 
{errors.fnr && errors.fnr.type === "validate" && 'Invalid fnr'}
 
<br />
 
<input type="submit" />
 
</form >
 
}
 
 
export default Fnr
Loading