Radio button attached to a textbox to allow a user to select as preferred contact.
When a correct number is entered, display validation below. The primary validation is shown 'Telephone number 1'.
Valid input message
Rule 1: When no number is entered, display error below.
Rule 2: When an invalid number is entered, display error below.
Rule 3: When selecting preferred radio button and no number is entered, display error below.
Please enter a full phone number eg. 01234 567 890
When both numbers are entered and no number is selected as a preferred, a notification error is shown.
Please select a preferred option
Please switch to a desktop view to see the full specifications.
Please switch to a tablet view to see the full specifications.
Download master Sketch file
Contact the team