Populate Initial Validated with airSlate SignNow

Populate initial validated

we aren't yet taking proper action to deal with the data in this form so it's time to do that starting with form validation the term for code that inspects what data are in the form validates that it's what we're expecting and cleaning it up if needed here we're going to start by making sure that the user has selected a state before they try to get their estimate switching back over to my code I'm going to be taking this action inside my estimate total function so let me get rid of this console.log we're going to replace it with something meaningful going to start by saving a reference to that state field that I'm going to be taking some actions on so I'll say our state is document dot get element by ID and we need the ID let's go back over to the browser inspect this item I will double click to select its ID and then copy it close these tools again I'll paste it in here ok we've saved this now we can do something with it the first thing I'm going to do is check its value so we'll say if the state dot value this is how we get the value out of a select box the easy way and I'm going to check if it's empty and empty string we're using the triple equal sign here for the Equality check this is a little bit of a stylistic preference the double equal equality operator is a little more permissive about what it considers equal so I like to use the strict equality operator instead to make my intentions that much clearer in any case if the value is blank and recall that when we have selected nothing it doesn't come up as select it comes up as a empty string because that's what we've set as the value on that option when it's blank we're going to show an alert that alert will say please choose your shipping State we could express this as window dot alert as well because window is the global object from which everything in the JavaScript Dom API derives that parts kind of assumed and we can leave it off for now so we'll show an alert and then return from this estimate total function indicating that we just want to stop here okay I will save that prettier takes a pass at reformatting it I'll go back and refresh I'll s tomato total and there we go please choose your shipping State and if I select something anything at all I click the button and nothing happens great that is actually what we're expecting right now one more thing I'd like to do is give the user a little bit of a hint about what they're supposed to do when this value is blank ideally what I'd like to do is put keyboard focus on this state select box and the way we do that...