Mixed Data Entry

Fill in the fields below. Hints appear when a field is focused.

Identity

Name

@if (focusedField === 'name') { Required · 2–255 characters } @if (form.get('name')?.hasError('required')) { Name is required. } @if (form.get('name')?.hasError('minlength')) { At least 2 characters required. } @if (form.get('name')?.hasError('maxlength')) { Maximum 255 characters allowed. }

Email Address

@if (focusedField === 'emailAddress') { Optional · Must be a valid email · Max 255 characters } @if (form.get('emailAddress')?.hasError('email')) { Enter a valid email address. } @if (form.get('emailAddress')?.hasError('maxlength')) { Maximum 255 characters allowed. }

Website URL

@if (focusedField === 'web') { Optional · Must be a valid URL (e.g. https://example.com) } @if (form.get('web')?.hasError('pattern')) { Enter a valid URL. }

Date of Birth

@if (focusedField === 'dob') { Optional · Date only (no time component) }

Numeric Values

Item Count

@if (focusedField === 'itemCount') { Optional · Integer between −1,000 and 1,000,000 } @if (form.get('itemCount')?.hasError('min')) { Minimum value is −1,000. } @if (form.get('itemCount')?.hasError('max')) { Maximum value is 1,000,000. }

Byte

@if (focusedField === 'byte') { Optional · Unsigned 8-bit integer: 0 – 255 } @if (form.get('byte')?.hasError('min')) { Minimum value is 0. } @if (form.get('byte')?.hasError('max')) { Maximum value is 255. }

Signed Byte

@if (focusedField === 'sByte') { Optional · Signed 8-bit integer: −128 – 127 } @if (form.get('sByte')?.hasError('min')) { Minimum value is −128. } @if (form.get('sByte')?.hasError('max')) { Maximum value is 127. }

Short

@if (focusedField === 'short') { Optional · 16-bit integer: −32,768 – 32,767 } @if (form.get('short')?.hasError('min')) { Minimum value is −32,768. } @if (form.get('short')?.hasError('max')) { Maximum value is 32,767. }

Unsigned Short

@if (focusedField === 'uShort') { Optional · Unsigned 16-bit integer: 0 – 65,535 } @if (form.get('uShort')?.hasError('min')) { Minimum value is 0. } @if (form.get('uShort')?.hasError('max')) { Maximum value is 65,535. }

Int (32-bit)

@if (focusedField === 'int') { Optional · 32-bit integer: −2,147,483,648 – 2,147,483,647 } @if (form.get('int')?.hasError('min')) { Minimum value is −2,147,483,648. } @if (form.get('int')?.hasError('max')) { Maximum value is 2,147,483,647. }

Unsigned Int (32-bit)

@if (focusedField === 'uInt') { Optional · Unsigned 32-bit integer: 0 – 4,294,967,295 } @if (form.get('uInt')?.hasError('min')) { Minimum value is 0. } @if (form.get('uInt')?.hasError('max')) { Maximum value is 4,294,967,295. }