toddwseattle / forms-example

Created with StackBlitz ⚡️

Forms Excercise Due Sept 15th in Class

Please use Stackblitz for this excercise. The code is mirrored at the link below; where you should fork it and finish with your team.

Edit on StackBlitz ⚡️

The link to the spreadsheet is provided on canvas in this assignment.

Before Friday Morning: 

Fill in the names of the people in your group. In the top of the spreadsheet; for the number of the breakout you were in at the end of class on ThursdayAgree on a time to meet together online for an hour.If you aren't in a group; find a group with less than 5 people.

Before class Tuesday:

Work through as much of the task list together, with one person having the project open and sharing the screen with the other 4.

I recommend an hour of time together; but spend no more than 2.

In your last moments together; reflect and record how you did the task---what worked as a team; what didn't.  What was hard; what was easy.To turn the assignment in, indicate the group number you are in and turn in the link to the stackblitz you created together.

Asking Questions on the Assignment:

IMPORTANT Do not whatsapp your questions on the assignment directly to the professors and FI.

1. Ensure you have reviewed the instructions.
2. Ensure you have attempted to google the answer
3. Search the issues in this repository to see if it has been asked
4. See The Issues Wiki Page for information on how to ask your question in issues if it isn't there

Here is the list of tasks:

1. Fork https://stackblitz.com/edit/js-milrsm
2. Make the alert pop up show all the fields in the form
3. show an error if first, last or email is blank in the div with the id "form-errors"
4. change the border of blank fields to red. Hints: create a css class with border:2px solid red; attach it to the field
5. make sure you clear the error styling when the form is changed back.
6. record the url of your stackblitz on the following sheet under your group

forms-example's Issues

Error styling

There is a question it about what it means to "clear the error styling" If you apply a style while there is an error, if the user corrects the error; then the field should not have the styling associated with the error anymore.

Sample Question: How do I fork a StackBlitz?

I've followed the link to https://bit.ly.com/AshWebForm; but I cannot looking at the screen figure out how I make a new copy for myself and my team. The screen looks like this: