html输入上的多个小数分隔符

Question

我希望有一个输入可以采用MHz的频率，它有多个小数位分隔符。

即

14.010.56 MHz

目前我的输入为

<input type="number" step="any" class="form-control" id="freq" placeholder="Frequency MHz">

但这只允许使用一个小数点，好像它是一个'普通'浮点数。可以这样做吗？

Answer 1

HTML5向input元素引入了pattern属性，该元素采用在提交时验证的正则表达式。

你需要的正则表达式可能只是1+位数，然后是一个点，然后是1+位数，然后是一个点，然后是1+位数：\d+\.\d+\.\d+：

＆＃13;

＆＃13;

<form>
    <input type="text" name="freq" placeholder="Frequency MHz" pattern="\d+\.\d+\.\d+" />
    <input type="submit" value="GO" />
</form>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您是否可以接受输入为字符串然后拆分字符串以创建三个值的数组？

或者，连续放置三个输入，用“。”分隔。通常使用电话号码

Answer 3

使用此正则表达式

^[0-9]*\.{1}[0-9]*\.{1}[0-9]*$