smack is a developer-friendly input mask javascript library that helps format and validate values (such as currency values and phone numbers) as a user typing into an input field.
javascript input mask phone number, jquery input mask phone number validation, jquery input mask example, input mask jquery, input mask html5
How to make use of it:
1. Import wanted modules from the smask.js.
import {currency, decimal, mask, maskInput, unmask} from "./smask.js";2. Automatically format telephone numbers in a tel input subject.
<input id="tel" name="tel" type="tel" inputmode="numeric" autocomplete="tel" placeholder="(00) 00000-0000" data-mask="(dd) ddddd-dddd" required />
// or
const phone = mask("71987654321", "(dd) ddddd-dddd");
console.log("Cell phone: ", phone);// or
maskInput(document.getElementById("phone"), "(dd) ddddd-dddd");3. Unmask a numeric value.
const postalCodeUnmasked = unmask("12345-678", "ddddd-ddd");
console.log("Postal Code (unmasked): ", postalCodeUnmasked);4. Format decimal and currency values:
const numberFormat = decimal("123456");
console.log("Number: ", numberFormat);
=> 123.456
const currencyFormat = currency("1234.56");
console.log("Currency: ", currencyFormat);
=> R$ 1.234,56maskInput(document.getElementById("decimal"), "decimal");
maskInput(document.getElementById("currency"), "currency");Input Mask & Validation Library, Smask Plugin/Github, javascript input mask currency, html input mask
See Demo And Download
Official Website(marcelo-ribeiro): Click Here
This superior jQuery/javascript plugin is developed by marcelo-ribeiro. For extra Advanced usage, please go to the official website.
