Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Why does jQuery mask say it's not a function?

When trying to use the jQuery mask() function, I get the following error in the console:

TypeError: $(...).mask is not a function

This is a sample of my code where this is happening:

<html>
<body>
<input type='text' id='phone' />
</body>

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>

<script>
//alert($);
$(document).ready(function(){

        $("#phone").mask("(99) 9999-9999");
});
</script>

</html>

How do I fix this?

like image 791
Jack Avatar asked Feb 14 '15 05:02

Jack


3 Answers

Jquery mask is a plugin. You can directly add this line in your HTML if you want to use a CDN version:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.10/jquery.mask.js"></script>

Another way is to use a package manager like npm or bower. To accomplish that, follow the instructions in the README.md file of the project.

like image 102
Gnucki Avatar answered Oct 28 '22 22:10

Gnucki


Change this line from

$(document).ready(function(){

to

$(document).ready(function($){

like image 32
RAHUL KRISHNA Avatar answered Oct 28 '22 22:10

RAHUL KRISHNA


jQuery itself does not provide functionality for masking an input. You can use one of the plugins avaiable for it.

like image 44
Sigismundus Avatar answered Oct 28 '22 21:10

Sigismundus