HTML文本框输入模式0000000-0000

cry*_*yxn 3 html javascript frontend

基本上我有一个HTML文本框,用户输入数字.我想要的是自动放一个 - 在第7位之后基本上有这种模式:

0000000-0000

 <input type="text" class="form-control width-160" name="value" required maxlength="10"/>
Run Code Online (Sandbox Code Playgroud)

我很确定我需要使用正则表达式,但是我可以直接在HTML中使用它还是需要一些jQuery?

Amb*_*hak 6

你可以用jquery.mask

更多信息在这里

用法:

<input type="text" class="phone" name="value"/>

$(document).ready(function(){
  $('.phone').mask('0000000-0000');
});
Run Code Online (Sandbox Code Playgroud)

在这里看到现场https://jsfiddle.net/n0oeu3p2/