VUE.JS / FORM I need help with my subscription form, in Vue (without using any libraries for validation, so only using javascript validation): — Needs to have input for email and input for button: — Validates if the email is valid (right format) — Validates if the field is empty — Has feedback below the input field for error: ”Please enter valid email” and success - “We received your email” — With post method in PHP here's my code so far: Here's my code so far: Submit {{ errors.email }} {{ errors.email }}
VUE.JS / FORM I need help with my subscription form, in Vue (without using any libraries for validation, so only using javascript validation):
— Needs to have input for email and input for button:
— Validates if the email is valid (right format)
— Validates if the field is empty
— Has feedback below the input field for error: ”Please enter valid email” and success - “We received your email”
— With post method in PHP here's my code so far:
Here's my code so far:
<template>
<form @submit.prevent="register" method="post">
<div class="form-group">
<input type="email" placeholder="What's your email" v-model="user.email" />
<button type="submit">Submit</button>
</div>
<div class="error">{{ errors.email }}</div>
</form>
{{ errors.email }}
![](/static/compass_v2/shared-icons/check-mark.png)
Step by step
Solved in 5 steps with 2 images
![Blurred answer](/static/compass_v2/solution-images/blurred-answer.jpg)
![Computer Networking: A Top-Down Approach (7th Edi…](https://www.bartleby.com/isbn_cover_images/9780133594140/9780133594140_smallCoverImage.gif)
![Computer Organization and Design MIPS Edition, Fi…](https://www.bartleby.com/isbn_cover_images/9780124077263/9780124077263_smallCoverImage.gif)
![Network+ Guide to Networks (MindTap Course List)](https://www.bartleby.com/isbn_cover_images/9781337569330/9781337569330_smallCoverImage.gif)
![Computer Networking: A Top-Down Approach (7th Edi…](https://www.bartleby.com/isbn_cover_images/9780133594140/9780133594140_smallCoverImage.gif)
![Computer Organization and Design MIPS Edition, Fi…](https://www.bartleby.com/isbn_cover_images/9780124077263/9780124077263_smallCoverImage.gif)
![Network+ Guide to Networks (MindTap Course List)](https://www.bartleby.com/isbn_cover_images/9781337569330/9781337569330_smallCoverImage.gif)
![Concepts of Database Management](https://www.bartleby.com/isbn_cover_images/9781337093422/9781337093422_smallCoverImage.gif)
![Prelude to Programming](https://www.bartleby.com/isbn_cover_images/9780133750423/9780133750423_smallCoverImage.jpg)
![Sc Business Data Communications and Networking, T…](https://www.bartleby.com/isbn_cover_images/9781119368830/9781119368830_smallCoverImage.gif)