8850 Form Submission 2016-2023

What's up guys, we made a form that we implemented with material design. We can type stuff, but nothing really happens when we hit submit. We're just clearing the form. What I'd like to do is submit that to a server. Maybe we want to create a user. A lot of times, that's how it works with forms. Now, before we do that, I want to do some client-side validation. Here's why you might want to do that. Let's say your server has some requirements. Let's say the user is filling up the form with "bob bob bob bob bob". And let's say the username has to be at least five characters long. It'd be nice not to have to make a request to the server. The server tells you the username has to be five characters long, and you display it here. It's one way to handle it, but then you have to make a request to the server when you know beforehand and you could check on the client side before you send it off whether the username is long. I'm going to show you how you can do that here. We're going to be using a material UI error thing here, this error text, to show how to pop up if there is an error. So we're going to do this in code. If you don't have the code you want to follow along, I have a link in the description below so you can grab it. What we're going to do is we're actually going to understand here is we're going to keep a first name error. This is basically just the error that the user then, you know, oops I spelled that wrong. Let the error be associated with this field. So if we wanted to display...