If there is an error on Save for a given page, save any valid data to the database, and give a caution message with context about what was saved

[calerubensteingsa]

Context: Right now if you fill out a bunch of data and hit “Save Progress” and there is invalid data, there will be that error, but also it won’t save anything that you entered that was valid. We need to save anything on the page that is valid even when there is an error and give context that partial information has been saved but anything that erred has not been saved.

Acceptance Criteria

When there is an error on the page after hitting "Save Progress"...

• Only save valid data entered
• Add a visual indicator with copy describing that valid information has been saved but any fields with errors have not been saved
• Show in-line errors on the page

See the example here from Figma:

There is an in-line error above for the field that is incorrect (Street address) but other information (Federal Agency and Organization Name) should be saved as they are valid data. Right now nothing would be saved including the valid data. Then there is a caution box explaining that anything with an error was not saved.

[igorkorenfeld]

Designs for the indicators:

Success

Invalid data

[kewlguy781]

The caution dialog have been added. now researching on method of this and see if this is possible.

[kewlguy781]

I have been doing research on this. I have tested the code and watch how they passed the data back and forth. Based on the codes and information I am reading, I am little hesistant about implementing this solution. The problem is the code (most solution if not all on stack_overflow) have instruction to bypass the "clean"/"validate" which I am not very comfortable with it. It could introduce security flaws/holes if we were to save anything that has not been cleaned/validated into the server as it may lead to a way for the server to accidentally execute instructions from "uncleaned"/"not validated" data. cc: @loganmeetsworld