Send empty form when clicking "Save attribute"

[octaedro]

Describe the bug

When creating a product, under the Attributes tab, we don't check if the form is empty when pressing the Save attribute button. So it's possible to send empty values to the action woocommerce_save_attributes.

We should add a check like this to this method.

We should mark these fields as required, disable the Save button, and show a help message.

Steps to reproduce

• Add a global attribute through the new dropdown
• Don't add any terms and click Save attributes
• The request is being sent after pressing Save attributes

Acceptance criteria

• Add a check like this to this method.
• Mark these fields as required, disable the Save button, and show a help message.

[octaedro]

Hey @jarekmorawski,
I'm creating an issue that will include what we discussed in this PR. Could you share the help message we should add to the validation?

[jarekmorawski]

Hi @octaedro. Thanks for the ping. I'm working on a larger update to these flows. I think it's safe to put this on pause now and come back to it early next week.

[octaedro]

I'm working on a larger update to these flows. I think it's safe to put this on pause now and come back to it early next week.

@jarekmorawski Thank you for taking care of this flow. Right now when we press the save button and the fields are empty, we execute the saving action with empty params, and that shouldn't happen. Just to avoid that behavior I created this PR that disables the save buttons (under Attributes and Variations tabs) until the fields Name and Value(s) have any value.

Maybe we can add a title attribute to the button when it's disabled with a text explaining that it will be reenabled as soon as the form fields have values.

If you hover the save button, it would look like this:

[jarekmorawski]

I added extra flows and designs to #37099.