如果未完全输入，则屏蔽输入字段将被清除

Question

<input id="format_ThisFormat" name="format_ThisFormat" type="hidden" value="##-##-##-##" />

所以，我知道这么多，但基本上，我的问题是如果没有输入完整的掩码，输入字段将被清除（例如，如果只输入“12-44”，该字段将清除，但如果输入“12-34-56-78”，该字段将保留。我希望能够允许部分输入。任何想法如何编辑此行以完成我想要实现的目标？我认为这是一个问题，我不只是发布成千上万行代码，因为它在Visual Basic SPA中没有任何意义，自定义API。

Answer 1

您可以添加事件侦听器并检查输入是否有效：

let input = document.getElementById('format_ThisFormat');

input.addEventListener('blur', (e) => {
  if(!e.target.value.match(/\d{2}-\d{2}-\d{2}/g)){
    e.target.value = '';
  }
})

<input id="format_ThisFormat" name="format_ThisFormat" type="text" />