【问题标题】:Jquery Input Mask (Redefine numeric "9")Jquery 输入掩码(重新定义数字“9”)
【发布时间】:2017-06-30 02:06:10
【问题描述】:

我正在使用 RobinHerbots jquery 输入掩码。
如何重新定义“9”,使掩码显示为 XXXX91 而不是 XXXXX1?

编辑:如果可能的话,我想让最后两位数字不可编辑

var autoPopulateNo = 91  //how to show the mask like this XXXX91

$("#number").inputmask({
"mask": "9999" + autoPopulateNo,
clearMaskOnLostFocus: false,
placeholder:"X",

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/jquery.inputmask.bundle.js"></script>
<form action="">  
  <div>
    <label for="number">Mask</label>
    <input id="number" type="text"/>
  </div>
</form>

【问题讨论】:

    标签: javascript jquery input-mask


    【解决方案1】:

    您可以使用"escapeChar"

    用于转义掩码中一部分的符号的定义。

    转义字符:“\\”

    var autoPopulateNo = "\\91"  //how to show the mask like this XXXX91
    
    $("#number").inputmask({
    "mask": "9999" + autoPopulateNo,
    clearMaskOnLostFocus: false,
    placeholder:"X",
    
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/jquery.inputmask.bundle.js"></script>
    <form action="">  
      <div>
        <label for="number">Mask</label>
        <input id="number" type="text"/>
      </div>
    </form>

    【讨论】:

    • 这个工作,非常有帮助...非常感谢,+1 :)
    • 没问题。感谢您的反馈。祝你的项目好运。
    【解决方案2】:

    使用placeholder: "XXXX91" 代替placeholder:"X"。 如果您需要转义掩码中的9,请使用\\ 符号:

    $("#number").inputmask({ 
      "mask": "9999\\91",
      clearMaskOnLostFocus: false,
      placeholder:"XXXX91"
    });
    

    【讨论】:

    • &lt;input id="number" type="text"/&gt;91
    • @JaromandaX 可以把它放在输入里面而不是外面吗?
    • 可能,我只是将其作为“解决方案”提供:p
    • @Rick,我已经更新了我的答案。尝试转义9 符号。
    • 感谢大家的帮助,你们太棒了
    猜你喜欢
    • 1970-01-01
    • 2018-07-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-09-24
    • 2014-10-20
    • 1970-01-01
    • 2019-07-12
    相关资源
    最近更新 更多