英尺和英寸的正则表达式 - 带小数和分数

时间:2017-03-13 19:27:15

标签: jquery regex jquery-inputmask input-mask

我创建了一个用于项目长度的输入掩码。此输入将转换为"适当的"模糊格式,但它应接受数字,小数,空格,单引号,双引号和/分数(无字母)。

我有一个好的开始,但我没有正则表达的主人,觉得我太复杂了我的模式。因此允许使用以下值:

5 6(英尺和英寸用空格隔开)

5' 6" (英尺和英寸格式正确)

5.2 6(以空格分隔的十进制英尺)

5.2' 6" (正确格式的十进制英尺)

5 6.1(以空格分隔的十进制英寸)

5' 6.1" (正确格式的十进制英寸)

5.2 6.1(以空格分隔的十进制英尺和英寸)

5.2' 6.1" (十进制英尺和英寸格式正确)

5 6 1/2(上面的任何组合,后跟空格和分数)

5.2' 6.1 1/2" (再次带小数)

78" (只有几英寸)

78.4" (只有带小数的英寸)

相当挑剔,我知道。我有一些正在进行中的工作,而且我已将其分解为更具可读性(至少对我自己而言)。 http://jsfiddle.net/t37m0txu/383/

// allow numbers
var p_num = "[0-9]";

// numbers are up to 9 characters (it needs a range, for some reason)
var p_range = "{0,9}";

// allow a single decimal
var p_dec = "([.]{0,1})";

// allow a single space (needs to happen only if not directly followed by a decimal)
var p_space = "([ ]{0,1})";

// numbers, possible single decimal and/or space
var p_base = p_num + p_range + p_dec + p_space;

// only allow a single/double quote after a number
var p_afternum = "?(?=" + p_num + ")";

// allow a single or double quote
var p_quote = "(\'(0?" + p_base + ")?\|\"$)";

// issues: 
// i do not need a range/cap on numbers
// after using decimal or space - only one number is allowed to follow (do not cap the range on numbers, only decimal/space)
// do not allow a space directly following a decimal
// do not allow a decimal directly following a single or double quote

var ex = "(" + p_base + ")" + p_afternum + p_quote + "(0?" + p_base + ")?\""

1 个答案:

答案 0 :(得分:1)

如何仅扫描有效的英尺和英寸输入

此扫描使用REGEX蒙版与输入蒙版相结合,创建一个功能强大的英尺和英寸文本框。



ex = "[\\d]+(?:\\.[\\d]+|)(?:\\s\\d+\\/\\d+|)(?:\\s|\\'|\\\"|)[\\d]+(?:\\.[\\d]+|)(?:\\s\\d+\\/\d+|)(?:\\'|\\\"|)";
$('#feet').inputmask('Regex', { regex: ex });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>
So the following values are allowed:<br /><br />

5 6 (feet and inches separated by spaces)<br />
5'6" (feet and inches in the correct format)<br />
5.2 6 (decimal feet separated by spaces)<br />
5.2'6" (decimal feet in the correct format)<br />
5 6.1 (decimal inches separated by spaces)<br />
5'6.1" (decimal inches in the correct format)<br />
5.2 6.1 (decimal feet and inches separated by spaces)<br />
5.2'6.1" (decimal feet and inches in the correct format)<br />
5 6 1/2 (any combination above followed by a space and fraction)<br />
5.2'6.1 1/2" (again with decimals)<br />
78" (only inches)<br />
78.4" (only inches with a decimal)<br />
    
<input id="feet" />

<br />
&#13;
&#13;
&#13;