0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Building Forms with Vue.js

You're reading from Building Forms with Vue.js Patterns for building and scaling complex forms with great UX

Product type Paperback

Published in Oct 2019

Publisher Packt

ISBN-13 9781839213335

Length 108 pages

Edition 1st Edition

Languages

JavaScript

Tools

Vue

Concepts

Front End Web Development

Author (1):

Marina Mosti Hernandez Mosti

View More author details

Table of Contents (9) Chapters

Preface

1. Setting up the Demo Project FREE CHAPTER

2. A Form in its Simplest Form

3. Creating Reusable Form Components

4. Input Masks with v-mask

5. Input Validation with Vuelidate

6. Moving to a Global State with Vuex

7. Creating Schema-Driven Forms

8. Other Books You May Enjoy

Leave a review - let other readers know what you think

Summary

In this chapter, we have learned how to leverage the power of the v-mask library in order to apply input masking to our forms. Input masking is a powerful, yet easy way to grant our users a better experience, and it should not be overlooked when building even the simplest forms!

In the next chapter, we are going to take it up a notch and look at form validation with a powerful library: Vuelidate!

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Authors (1)

Marina Mosti Hernandez Mosti

Marina Mosti Hernandez Mosti

Marina Mosti is a full-stack web developer with over 13 years of experience in the field. She enjoys mentoring other women on JavaScript and her favorite framework, Vue, as well as writing articles and tutorials for the community. She currently holds a position as Lead FE Developer at VoiceThread, and is the author of the FormVueLatte library as well as a member of the Vuelidate team. In her spare time, she enjoys playing bass, drums, and videogames.She currently holds a position as Lead FE Developer at VoiceThread, and is the author of the FormVueLatte library as well as a member of the Vuelidate team. In her spare time, she enjoys playing bass, drums, and videogames.

See other products by Marina Mosti Hernandez Mosti

Other recommended products

Related to this chapter

Vue.js 2.x by Example

Vue.js 2.x by Example

Vue.js is a frontend web framework which makes it easy to do just about anything, from displaying data up to creating full-blown web apps, and has become a leading tool for web developers. This book puts Vue.js into a real-world context, stepping you through example projects to show you how to build Vue.js applications from start to finish.

Dec 2017 13h 44m

Vue.js 2.x by Example

Vue.js 2.x by Example

Vue.js is a frontend web framework which makes it easy to do just about anything, from displaying data up to creating full-blown web apps, and has become a leading tool for web developers. This book puts Vue.js into a real-world context, stepping you through example projects to show you how to build Vue.js applications from start to finish.

Dec 2017 13h 44m

Vue.js: Understanding its Tools and Ecosystem

Vue.js: Understanding its Tools and Ecosystem

Vue.js is one of the most preferred JavaScript frameworks and is used by several organizations such as NASA and Expedia. With this book, you’ll learn the fundamental concepts of Vue.js and the popular technologies that make up its ever-growing ecosystem.

Nov 2019 6h 28m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Building Modern Web Applications Using Angular 4

Building Modern Web Applications Using Angular 4

In the last few years, Angular has established itself as the number one choice of JavaScript Developers. What makes Angular special is performance and productivity. With Angular, developers can work on consistent coding patterns and build web applications that are powerful and scalable.

May 2017 7h 32m

Building Modern Web Applications Using Angular 4

Building Modern Web Applications Using Angular 4

In the last few years, Angular has established itself as the number one choice of JavaScript Developers. What makes Angular special is performance and productivity. With Angular, developers can work on consistent coding patterns and build web applications that are powerful and scalable.

May 2017 7h 32m

Building Vue.js Applications with GraphQL

Building Vue.js Applications with GraphQL

GraphQL is an emerging standard for using APIs for modern web development, making it easier for front-end developers to communicate with the APIs. This book is a tutorial on building a Vue.js-based full-stack chat app using frameworks such as AWS Amplify with GraphQL. The book provides recipes for building and deploying your app from scratch.

Jan 2021 9h 56m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Reactive Patterns with RxJS and Angular Signals

Reactive Patterns with RxJS and Angular Signals

This RxJS book will help you understand the core concepts of RxJS and provide practical patterns to make your code more reactive and declarative. You'll also understand Angular Signals, which provide another way to improve code reactivity.

Jul 2024 8h 28m

API Testing and Development with Postman

API Testing and Development with Postman

Whether you are a tester or a developer working with APIs, you'll be able to put your knowledge to work with this practical guide to using Postman. The book provides a hands-on approach to implementing and learning the associated methodologies that will have you up-and-running and productive in no time.

Jun 2024 11h 56m

API Testing and Development with Postman

API Testing and Development with Postman

Whether you are a tester or a developer working with APIs, you'll be able to put your knowledge to work with this practical guide to using Postman. The book provides a hands-on approach to implementing and learning the associated methodologies that will have you up-and-running and productive in no time.

Jun 2024 11h 56m

FastAPI Cookbook

FastAPI Cookbook

This book helps you unlock the power of FastAPI to build high-performing web apps and APIs by taking you through the basics like routing and data validation through to advanced topics, such as custom middleware and WebSockets.

Aug 2024 11h 56m

Mastering Spring Boot 3.0

Mastering Spring Boot 3.0

This hands-on guide empowers you to develop scalable and efficient applications. You'll also learn microservices patterns, reactive programming, and security measures for building robust backend systems.

Jun 2024 8h 32m

Nuxt 3 Projects

Nuxt 3 Projects

This book is a comprehensive guide to Nuxt.js, which takes you from the basics to advanced topics. Uniquely, this book emphasizes practical, project-based learning, tackling real-world problems.

Jun 2024 7h 40m

Vue.js 3 for Beginners

Vue.js 3 for Beginners

Learning a new language by following video tutorials, blog posts, and documentation is a tiresome activity. This book will take you on an exciting journey of becoming a proficient Vue.js developer through a practical, step-by-step approach.

Sep 2024 10h 4m

Full-Stack Web Development with TypeScript 5

Full-Stack Web Development with TypeScript 5

The book emphasizes best practices, debugging, performance optimization, and scalable code structure, helping you develop practical skills in frontend and backend development, database integration, and AI integration.

Mastering Flask Web and API Development

Mastering Flask Web and API Development

The book is an introduction to Flask that will showcase its baseline, core, and advanced integration features to enable you to solve enterprise-related problems and issues in both web and API development.

Aug 2024 16h 28m