Hi 👋,

My current way shows the error text below the field if the func is triggered, after I hit enter on the TextField. This is not the best way as there are often multiple fields, and you don't hit enter on each one right? A thinkaround would be to show the error while typing until its correct and disable the form button til every field is validated. (Here I would need to create multiple funcs for e.g. passwords, or usernames)

TextField("Email", text: $email, onEditingChanged: { (isChanged) in
                 if !isChanged {
                      if self.textFieldValidatorEmail(self.email) {
                        self.isEmailValid = true
                      } else {
                        self.isEmailValid = false
                        self.email = ""
                      }
                }
})
.autocapitalization(.none)

if !self.isEmailValid {
      Text("Email is not valid") 
}

func textFieldValidatorEmail(_ string: String) -> Bool {
        if string.count > 100 {
            return false
        }
        let emailFormat = "[A-Z0-9a-z._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,64}" // short format
        let emailPredicate = NSPredicate(format:"SELF MATCHES %@", emailFormat)
        return emailPredicate.evaluate(with: string)
}

Is this a good practice? What is a common way here? Or how are you approaching this?

I tend to use a computed property aginst the isEmailValid to return true or false

then I have a isFormCompletedCorrectly variable which is computed to check the result of isEmailValid and any other fields you have

Finally I will apply a .disabled modifier against my submit button with a ternary check against isFormCompletedCorrectly

not on laptop at the moment but can provide some code tomorrow evening if needed

hopefully above makes sense

Thank you both @rlong405 and @NigelGee. The video is very clear, and what I searched for. Will work my way through it and keep you posted.

any time

i think i may have actually based my approach from that video - I certainly have watched it

@rlong405 - Yes, it is similiar to your explained approach.

As an extension, to save line space I wrap if !text.isEmpty around the prompt Text, so that the validation prompt only is shown once the field is edited.