Concours : Créez une application SaaS entre le 29 mai et le 14 juin et courez la chance de gagner des prix en espèces, des plans gratuits et bien plus encore !
Chargement du composant...
Chargement
Je vous remercie ! Je mettrai à jour
ce projet dès que possible.
ce projet dès que possible.
Oups ! Un problème s'est produit lors de l'envoi du formulaire.
Comment activer l'authentification Google
Comment activer l'authentification Facebook
Comment activer l'authentification Spotify
Comment activer l'authentification Dribbble
Comment activer l'authentification Github
Comment activer l'authentification LinkedIn
Comment activer les connexions sans mot de passe
Comment configurer la validation du mot de passe
Comment afficher/masquer le mot de passe
Comment travailler avec des images de profil
Comment ajouter un flux d'oubli de mot de passe
Comment travailler avec des cases à cocher
Comment configurer les tables de tarification
A propos du portail client Stripe
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"e6164071-3b1b-a3d1-53f5-76b039edfc71","type":"FormWrapper","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a05308915c","45be22a4-aa14-049f-bedf-f2a05308916c","45be22a4-aa14-049f-bedf-f2a05308916f"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a05308915c","type":"FormForm","tag":"form","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a05308915d","45be22a4-aa14-049f-bedf-f2a05308915f","45be22a4-aa14-049f-bedf-f2a053089161","45be22a4-aa14-049f-bedf-f2a053089165","45be22a4-aa14-049f-bedf-f2a05308916b"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"signup"},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"xattr":[{"name":"data-ms-form","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a05308915d","type":"Heading","tag":"h1","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a05308915e"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a05308915e","text":true,"v":"Password"},{"_id":"45be22a4-aa14-049f-bedf-f2a05308915f","type":"Block","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a053089160"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089160","text":true,"v":"Use this form to update your password."},{"_id":"45be22a4-aa14-049f-bedf-f2a053089161","type":"Block","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a053089162","45be22a4-aa14-049f-bedf-f2a053089164"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089162","type":"FormBlockLabel","tag":"label","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a053089163"],"data":{"form":{"type":"label"},"attr":{"for":"Phone-2","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089163","text":true,"v":"Current Password"},{"_id":"45be22a4-aa14-049f-bedf-f2a053089164","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"form":{"name":"Phone 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Phone-2","data-name":"Phone 2","placeholder":"","type":"password","id":"Phone-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"current-password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089165","type":"Block","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a053089166","45be22a4-aa14-049f-bedf-f2a053089168","45be22a4-aa14-049f-bedf-f2a053089169"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089166","type":"FormBlockLabel","tag":"label","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a053089167"],"data":{"form":{"type":"label"},"attr":{"for":"Phone-2","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089167","text":true,"v":"New Password"},{"_id":"45be22a4-aa14-049f-bedf-f2a053089168","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"form":{"name":"Phone 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Phone-2","data-name":"Phone 2","placeholder":"","type":"password","id":"Phone-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"new-password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089169","type":"Block","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a05308916a"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a05308916a","text":true,"v":"Must be at least 8-characters long."},{"_id":"45be22a4-aa14-049f-bedf-f2a05308916b","type":"FormButton","tag":"input","classes":[],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Update Password","data-wait":"Please wait...","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a05308916c","type":"FormSuccessMessage","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a05308916d"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a05308916d","type":"Block","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a05308916e"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a05308916e","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"45be22a4-aa14-049f-bedf-f2a05308916f","type":"FormErrorMessage","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a053089170"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089170","type":"Block","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a053089171"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089171","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Cloner dans Webflow
Composant de copie
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"e6164071-3b1b-a3d1-53f5-76b039edfc71","type":"FormWrapper","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a05308915c","45be22a4-aa14-049f-bedf-f2a05308916c","45be22a4-aa14-049f-bedf-f2a05308916f"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a05308915c","type":"FormForm","tag":"form","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a05308915d","45be22a4-aa14-049f-bedf-f2a05308915f","45be22a4-aa14-049f-bedf-f2a053089161","45be22a4-aa14-049f-bedf-f2a053089165","45be22a4-aa14-049f-bedf-f2a05308916b"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"signup"},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"xattr":[{"name":"data-ms-form","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a05308915d","type":"Heading","tag":"h1","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a05308915e"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a05308915e","text":true,"v":"Password"},{"_id":"45be22a4-aa14-049f-bedf-f2a05308915f","type":"Block","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a053089160"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089160","text":true,"v":"Use this form to update your password."},{"_id":"45be22a4-aa14-049f-bedf-f2a053089161","type":"Block","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a053089162","45be22a4-aa14-049f-bedf-f2a053089164"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089162","type":"FormBlockLabel","tag":"label","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a053089163"],"data":{"form":{"type":"label"},"attr":{"for":"Phone-2","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089163","text":true,"v":"Current Password"},{"_id":"45be22a4-aa14-049f-bedf-f2a053089164","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"form":{"name":"Phone 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Phone-2","data-name":"Phone 2","placeholder":"","type":"password","id":"Phone-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"current-password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089165","type":"Block","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a053089166","45be22a4-aa14-049f-bedf-f2a053089168","45be22a4-aa14-049f-bedf-f2a053089169"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089166","type":"FormBlockLabel","tag":"label","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a053089167"],"data":{"form":{"type":"label"},"attr":{"for":"Phone-2","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089167","text":true,"v":"New Password"},{"_id":"45be22a4-aa14-049f-bedf-f2a053089168","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"form":{"name":"Phone 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Phone-2","data-name":"Phone 2","placeholder":"","type":"password","id":"Phone-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"new-password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089169","type":"Block","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a05308916a"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a05308916a","text":true,"v":"Must be at least 8-characters long."},{"_id":"45be22a4-aa14-049f-bedf-f2a05308916b","type":"FormButton","tag":"input","classes":[],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Update Password","data-wait":"Please wait...","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a05308916c","type":"FormSuccessMessage","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a05308916d"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a05308916d","type":"Block","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a05308916e"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a05308916e","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"45be22a4-aa14-049f-bedf-f2a05308916f","type":"FormErrorMessage","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a053089170"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089170","type":"Block","tag":"div","classes":[],"children":["45be22a4-aa14-049f-bedf-f2a053089171"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"45be22a4-aa14-049f-bedf-f2a053089171","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Navigateur non pris en charge. Utilisez
Chrome ou Safari.
Chrome ou Safari.
A propos de ce composant
Généré par l'IA
Description du composant (générée par l'IA)
The Unstyled Update Password component is designed to facilitate password updates for users through a simple form interface. It includes fields for entering the current and new passwords, along with validation messages.
Caractéristiques principales :
- Form includes fields for current and new passwords
- Validation message for password length requirements
- Success and error messages upon form submission
- Lightweight and unstyled for easy customization
Éléments de conception :
- Minimalistic design with no predefined styles
- Clear headings and labels for user guidance
- Responsive layout suitable for various devices
Cas d'utilisation potentiels :
- Applications web nécessitant une authentification de l'utilisateur
- Membership sites needing secure password updates
- E-commerce platforms with user accounts
- Corporate intranets for employee access management
Conclusion: The Unstyled Update Password component is a versatile and straightforward solution for implementing password update functionality, making it ideal for developers looking to customize their user experience.
Commencer à construire
Commencez à construire vos rêves
Memberstack est 100% gratuit jusqu'à ce que vous soyez prêt à vous lancer - alors, qu'attendez-vous ? Créez votre première application et commencez à construire dès aujourd'hui.
.png)
