屏蔽输入插件出现问题

Issue with masked input plugin

本文关键字：问题 插件 输入 屏蔽      更新时间：2023-09-26

我试图使用屏蔽输入使我的日期看起来像9999-99-99，但似乎没有任何影响。我看不出我做错了什么。

<script type="text/javascript" src="http://digitalbush.com/wp-content/uploads/2013/01/jquery.maskedinput-1.3.1.min_.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
jQuery(function ($) {
$("#date").mask("9999-99-99");
});
</script>

http://jsfiddle.net/doitlikejustin/xw2je/3/

这是我的输入框-

<input name="date" type="text" id="date" value="<?php echo $_SESSION['date'];?>" />

您需要首先包含jQuery脚本。

顺序很重要，因为jQuery屏蔽输入插件依赖于jQuery。你应该告诉浏览器先加载jQuery，然后只有你才能处理jQuery的东西。

例如（我测试过）：

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="http://digitalbush.com/wp-content/uploads/2013/01/jquery.maskedinput-1.3.1.min_.js"></script>
    <script type="text/javascript">
    jQuery(function ($) {
    $("#date").mask("9999-99-99");
    });
    </script>
</head>
<body>
    <input name="date" type="text" id="date" value="" />
</body>
</html>

我希望这能有所帮助。

您只需要更改jquery定义顺序，先放版本jquery文件，然后放插件jquery。它会解决你的问题。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="http://digitalbush.com/wp-content/uploads/2013/01/jquery.maskedinput-1.3.1.min_.js"></script>

主jquery文件应该先放插件，然后放插件。它肯定会解决你的问题。

相关文章：