javascript – JQuery Masked Input插件不起作用

前端之家收集整理的这篇文章主要介绍了javascript – JQuery Masked Input插件不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_301_0@
@H_301_0@
我已经在我的Web项目中添加了一个 JQuery Masked Input插件,但它根本不起作用.

插件可以在这里找到:http://digitalbush.com/projects/masked-input-plugin

我已经将JQuery libray和Masked Input插件包含在我的JSP中,并为我的html< input>调用了mask函数.元件:

<html>
<head>
    <Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <!-- JS --->
    <script src="js/jquery-1.11.0.js"></script>
    <script src="js/masked-input-jquery-1.3.1.js"></script>

    <title>Test</title>
</head>
<body>

    <script type="text/javascript">
       $("#name").mask("99/99/9999");

    </script>

    <form id="" method="" action="">
    <div>
       <label for="name">
          Name<b style="color: red">*</b>
       </label>
       <input name="studentName" maxlength="255" autofocus="autofocus" type="text" id="name"/> 
......

当我访问我的JSP时,即使在文本字段中输入任何内容之前,Chrome控制台上也会显示以下内容

未捕获的ReferenceError:未定义iMask

你能帮助我吗?代码有什么问题吗?

解决方法

这可能会或可能不会解决您当前的问题,但您对.mask的调用将无效,因为它会在页面的其余部分(您的输入字段所在位置)之前运行.

您需要在jQuery文档就绪函数中包装调用

$('document').ready(function() {
    $("#name").mask("99/99/9999");
});

这告诉脚本要等到页面加载到足以让浏览器知道文档中的输入字段.

作为附加注释的最佳实践说,将所有脚本标记(有一些例外)放在结束标记之前.否则,您应该使用其余标记将脚本标记移动到头部.

@H_301_0@

猜你在找的jQuery相关文章