VelaUX displays incorrect error messages for invalid usernames and passwords

[vishal210893]

Describe the bug

After enabling VelaUX, the default page for resetting the password and email for the administrator account opens. On this page, the username and password fields accept alphanumeric characters without special characters. However, the error messages displayed are not accurate.

Observed Behavior

• Username field accepts alphanumeric characters only.
• Password field accepts alphanumeric characters only.
• Error message for username: "You must input a valid name"
• Error message for password: "Password should be 8-16 bits and contain at least one number and one letter"

To Reproduce

1. Enable the VelaUX addon using the command: vela addon enable velaux
2. Port-forward the VelaUX service using the command: vela port-forward -n vela-system addon-velaux 8000:8000
3. This will automatically open the page at http://127.0.0.1:8000/login in your default web browser.
4. In the "Reset the password and email for the administrator account" dialog, enter an invalid username and password that include special characters (e.g., *, $, !).

Expected Behavior

• The error messages should accurately reflect the allowed character sets for the username and password fields.

Updated Error Messages

• Updated error message for username: "You must input a valid name with alphanumeric characters only."
• Updated error message for password: "Password must be alphanumeric, contain at least one letter and one number, and be 8-16 characters long."

Screenshots

KubeVela Version

• CLI Version: 1.10.1
• Core Version: 1.10.1
• GitRevision: git-711c9f00
• GolangVersion: go1.22.11