Estoy creando una máscara de entrada utilizada para la longitud de los elementos. Esta entrada se convertirá a un formato "adecuado" en el desenfoque, pero debe aceptar números, decimales, espacios, comillas simples, comillas dobles y/para fracciones (sin letras).
Tuve un buen comienzo, pero no soy un experto en expresiones regulares y siento que estoy complicando demasiado mi patrón. Por lo tanto, se permiten los siguientes valores:
5 6 (pies y pulgadas separados por espacios)
5'6" (pies y pulgadas en el formato correcto)
5.2 6 (pies decimales separados por espacios)
5.2'6" (pies decimales en el formato correcto)
5 6.1 (pulgadas decimales separadas por espacios)
5'6.1" (pulgadas decimales en el formato correcto)
5.2 6.1 (pies y pulgadas decimales separados por espacios)
5.2'6.1" (pies decimales y pulgadas en el formato correcto)
5 6 1/2 (cualquier combinación anterior seguida de un espacio y una fracción)
5.2'6.1 1/2" (otra vez con decimales)
78" (solo pulgadas)
78.4" (solo pulgadas con decimal)
Bastante exigente, lo sé. Tengo algo que es un trabajo en progreso y lo he desglosado para que sea más legible (al menos para mí). 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 + ")?\""Cómo escanear solo para entradas válidas de pies y pulgadas
Este escaneo usa el enmascaramiento REGEX combinado con una máscara de entrada para crear un cuadro de texto poderoso, de solo pies y pulgadas.
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 />