Close

Request quotation form wizard with validation

This is an example of a request quotation form wizard with validation and progress bar, designed using CSS, HTML, JavaScript, and Bootstrap framework 4. The images are imported to the code with their URLs. JavaScript methods have been used to implement the functionality of the progress bar and the validation for the input fields. The validation of the input fields has been done by indicating the border color in red or green if the conditions are true or false. The body of the form is given a background color of linear-gradient(-45deg, #2196F3 50%, #EEEEEE 50%). The form card is given a background color of #FFF, border-radius of 25px, and a box-shadow value of 0 8px 16px 0 rgba(0, 0, 0, 0.2). The description details are displayed using a font-size of 14px. The progress bar is displayed using the color lightgray and the progress is indicated using #673AB7. The service radio buttons on the first page take the box-shadow effect of 1px 1px 2px 2px rgba(0, 0, 0, 0.1), in a hover event. The input text fields also take a border effect of 1px solid skyblue, in hover. Source: https://bbbootstrap.com/snippets/request-quotation-form-wizard-validation-97849487

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.