I really appreciate these tools for their simplicity and compactness. However, as a backend developer with weak JS skills, I sometimes struggle with the lack of plugins/snippets. Here's one such scenario:
For instance, I have a straightforward form like this:
<div class="row">
<div class="six columns">
<label for="email">Contact email*</label>
<input v-model="email" class="u-full-width" type="email" id="email" placeholder="<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5c3d383135321c39243f343d323b39723f3331">[email protected]</a>" name="email">
</div>
<div class="six columns">
<label for="date">Launch date*</label>
<input v-model="date" class="u-full-width" type="text" id="date" placeholder="June, 2014">
</div>
</div>
Here, I aim to make these fields required, with the email input formatted like ***@***.***, while the date field can accept any value.
What is the optimal approach to achieve this? Also, I've come across 3 Vue plugins - do you have a preferred one?
Thank you for any examples, snippets, etc.