Question

我在项目中使用了来自https://raw.githubusercontent.com/igorescobar/jQuery-Mask-Plugin/master/src/jquery.mask.js的在线jquery引用。

      <script type="text/javascript">
      var s = jQuery.noConflict();
      s(document).ready(function () {
          s(".mask_phone").mask('(999)-999-9999');
          s(".datepicker").mask('99/99/9999');
      });
      </script>

       <input type="text" class="datepicker">

它不起作用。只有当我们添加jquery的本地副本并添加对它的引用时，它才能正常工作。由于某种原因，我不能使用这种方法。

现在我试图通过自定义jquery实现这一点。

         var $ = jQuery.noConflict();
          $(document).ready(function () {

              $(".datemask").keyup(function () {
                  if ($(this).val().length == 2) {
                      $(this).val($(this).val() + "/__/____");
                  } else if ($(this).val().length == 5) {
                      $(this).val($(this).val() + "/____");
                  }
              });
          });

现在，一旦用户输入16，该值就变为16 / __ / ____，文本光标位于末尾。
请帮助我使这个jquery与蒙面输入一样工作!!!

Answer 1

根据the documentation，jQuery Mask可以使用1.7以上的所有jQuery版本。所以请在包含jQuery Mask插件之前包含jQuery库。请考虑使用其中一个公共CDN作为脚本源而不是源代码地址。我通常喜欢cdnjs.com。

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.min.js

Jquery用于屏蔽正确输入日期的输入

1 个答案: