Live Remaining and Character counter with Vue.js

The live character counter is very useful when it needs to validate the user from entering more input or display warning message.

Character count visible on the screen while inputting character in the input box.

This notifies the user how many characters are left or the total number of characters is been entered.

In the tutorial, I show how you can count the total and remaining characters using Vue.js.

Live Remaining and Character counter with Vue.js

Read more

Copy text to Clipboard using vue-clipboard2 – Vue.js

Copying the selected text from the webpage or input HTML element is easy with the keyboard shortcut CTRL+C and context menu.

To make it little easier for the user you can add a button.

For copy text to the clipboard in Vue.js, you can use the vue-clipboard2 package.

In this tutorial, I show how you can copy text from an HTML element on a button click to the clipboard.

Copy text to Clipboard using vue-clipboard2 – Vue.js

Read more

Check Username Availability with Vue.js and PHP

Live username availability checking on the registration page is the common feature on most websites.

This will notify the user whether the username is already been taken or not before submitting it.

To do this require AJAX.

Send a request to check the username on the basis of response to perform the action.

In this tutorial, I show how you can check username availability using Vue.js and PHP while inputting.

Check Username Availability with Vue.js and PHP

Read more