Javascript 如何在文本输入控件中显示掩码

如何使这种情况发生，使输入框在单击输入框时显示下划线/下划线，然后在键入时，破折号不断被字符替换

如本例中的电话号码。当我单击输入框并填写联系人号码时，已经有一个10位下划线/下划线。这些字符替换了下划线/下划线

就像这个“移动”输入框一样，我希望它能以以下方式工作：

• 空闲时应显示空白（白色），但单击时应显示10个字符的下划线/下划线/破折号，表示需要填写的10位电话号码
  e、 g.移动电话+91（0）：____________________

• 然后，当我开始输入时，破折号应该开始被输入的数字所取代。与键入2个数字/数字类似，键入的2个数字/数字后面应该有8个破折号
  e、 g.移动电话+91（0）：98________________

• 这应该持续下去，就像下面的5个数字一样
  e、 g.移动电话+91（0）：99887__________

---

等等。由于输入框中已填写了所有数字/数字，破折号完全被键入的数字替换，这向用户显示所有10位数字都已填写，没有数字遗漏。

使用jQueryjqxMaskedInput

jqxMaskedInput表示一个jQuery输入小部件，它使用掩码 区分正确和不正确的用户输入。你可以定义 电话号码、ssn、邮政编码、日期等。通过设置 jqxMaskedInput掩码属性

这里是链接

---

问题的标题与其内容不符。这与占位符无关。您能进一步帮助我验证jquery输入掩码字段吗？我无法对其应用任何html5/jquery验证。。即使字段为空，表单也只需提交它