我是jQuery的新手,我遇到了以下问题。
我试图使用面具,但脚本不起作用。完全没有。
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/jquery.maskedinput.js" type="text/javascript"></script>
<script>
$( document ).ready(function() {
$("#date").mask("99/99/9999",{placeholder:"mm/dd/yyyy"});
$("#phone").mask("(999) 999-9999");
$("#tin").mask("99-9999999");
$("#ssn").mask("999-99-9999");
});
</script>
</head>
<body>
<input type="text" id="date">
<input type="text" id="phone">
<input type="text" id="tin">
<input type="text" id="ssn">
</body>
</html>
出了什么问题?
我正在使用此网站的插件:http://digitalbush.com/projects/masked-input-plugin/
答案 0 :(得分:2)
我查了一下代码。我使用了this latest jQuery Mask Plugin。有用。 Here are some examples , they might help.
我只做了改变
<script src="jquery.mask.min.js" type="text/javascript"></script>
您可能将文件放在错误的位置。
您可以使用Google Chrome中的内置inspect element
功能(右键单击,您可以看到它)来检查这些内容。如果控制台指示缺少.js文件,您可以更正它们。
其他浏览器也有办法检查这些。
答案 1 :(得分:0)
看起来似乎找不到maskedinput.js或者此脚本中出现了错误
从
改变<script src="js/jquery.maskedinput.js" type="text/javascript"></script>
到
<script src="http://digitalbush.com/wp-content/uploads/2013/01/jquery.maskedinput-1.3.1.min_.js" type="text/javascript"></script>