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

时间:2015-01-18 17:04:58

标签: html html-input

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

14.010.56 MHz

目前我的输入为

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

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

3 个答案:

答案 0 :(得分: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;

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

使用此正则表达式

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