A
Anonymous

Styled Paper - Copy this React, Mui Component to your project

I need to make some updates to the form interface for the CompanyViewModel class, using ReactJS and Material-UI (MUI). Here are the updated requirements: Form Validation: CompanyName: This field is required. It should display an error message if left blank. EmailCompany: This field should be validated to ensure it is a properly formatted email. EmailOwner: This field should also validate the email format. PhoneNumber (HotLine): The field should validate that the input is a valid phone number format. Logo: The field should check that the logo file is an image and within a specified file size limit. CompanyImages: The field should validate that multiple images can be uploaded and check for file type and size constraints. Ensure proper error handling and messages for all invalid fields. CompanySize: Modify the CompanySize field to allow users to input a number when selecting the "150+" option. The user should be able to input the number they want, and the "+" sign should be automatically added to the number. If the user selects the "50-150" range, allow them to enter the minimum and maximum number of employees. Address: Country: When the user selects a country, the State/Province (or similar field) should be populated dynamically based on the selected country. After selecting the state or province, the Address field should allow users to select the most specific location (e.g., city, district, etc.). Use Google Maps API (or another map service if necessary) to allow the user to pinpoint the exact location of the company address on the map and display the selected address (latitude, longitude) for validation. Ensure the address fields reflect the chosen location. The form should automatically update the address fields with the selected location from Google Maps (or a similar map API), including autofill for address components.

Prompt
Component Preview

About

StyledPaper - Create a user-friendly form with dropdowns, rich text editor, file uploads, and validation, professionally built with React and MUI. Download free code!

Share

Last updated 1 month ago