检查HTML输入中输入的用户值是否为浮点数_Html

检查HTML输入中输入的用户值是否为浮点数

html

检查HTML输入中输入的用户值是否为浮点数,html,Html,我正在处理一个HTML页面，上面有一些输入控件。在这些输入控件中，用户应输入一个浮点数，即“1234,56”，在点/逗号之前有四个整数，后面有两个整数（最大值）。如何在输入值时或输入值后确定值是否正确（点/逗号前后的整数数；仅限整数）提前谢谢我们可以将控件放在表单上，使用输入的pattern属性和一个submit按钮将模式与值进行比较第一个示例： <!DOCTYPE html> <html> <head> <meta h

我正在处理一个HTML页面，上面有一些输入控件。在这些输入控件中，用户应输入一个浮点数，即“1234,56”，在点/逗号之前有四个整数，后面有两个整数（最大值）。如何在输入值时或输入值后确定值是否正确（点/逗号前后的整数数；仅限整数）

提前谢谢

我们可以将控件放在表单上，使用输入的pattern属性和一个submit按钮将模式与值进行比较

第一个示例：

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Checking floatnumbers</title>
        <meta charset="utf-8" />
    </head>
    <body>
        <form>
            <input type="text"
                   maxlength="7"
                   placeholder="____,__"
                   title="Please use format ####,##"
                   pattern="\d{1,4}(|\.|,)?\d{1,2}" />
            <br />

            <!-- For testing input patterns -->
            <input type="submit"
                   value="Submit" />
            <br /><br />

            <!-- Resets/clears the form -->
            <input type="reset"
                   value="Reset" />
        </form>
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Checking floatnumbers</title>
        <meta charset="utf-8" />
    </head>
    <body>
        <form>
            <input type="text"
                   maxlength="7"
                   placeholder="____,__"
                   title="Please use format ####,##"
                   pattern="\d{0,4}(|\.|,)?\d{1,2}" />
            <br /><br />

            <!-- For testing input patterns -->
            <input type="submit"
                   value="Submit" />
            <br /><br />

            <!-- Resets/clears the form -->
            <input type="reset"
                   value="Reset" />
        </form>
    </body>
</html>


检查浮点数

首先，输入必须是“文本”类型，而不是通常的“数字”。该模式意味着用户可以/必须在点或逗号之前输入1到4个数字。可以输入点/逗号和以下1到2位小数，但不是必需的

如果用户输入p.e.“12345”并单击“提交”按钮，则属性标题中的文本将显示错误

也许有些用户不想输入像“1,23”这样的数字，但是——因为他们很匆忙——只想输入“23”。我们来看看第二个例子

第二个示例：

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Checking floatnumbers</title>
        <meta charset="utf-8" />
    </head>
    <body>
        <form>
            <input type="text"
                   maxlength="7"
                   placeholder="____,__"
                   title="Please use format ####,##"
                   pattern="\d{1,4}(|\.|,)?\d{1,2}" />
            <br />

            <!-- For testing input patterns -->
            <input type="submit"
                   value="Submit" />
            <br /><br />

            <!-- Resets/clears the form -->
            <input type="reset"
                   value="Reset" />
        </form>
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Checking floatnumbers</title>
        <meta charset="utf-8" />
    </head>
    <body>
        <form>
            <input type="text"
                   maxlength="7"
                   placeholder="____,__"
                   title="Please use format ####,##"
                   pattern="\d{0,4}(|\.|,)?\d{1,2}" />
            <br /><br />

            <!-- For testing input patterns -->
            <input type="submit"
                   value="Submit" />
            <br /><br />

            <!-- Resets/clears the form -->
            <input type="reset"
                   value="Reset" />
        </form>
    </body>
</html>


检查浮点数

如您所见，点/逗号之前的输入最小值为0，最大值为4。所以可以输入一个浮点数，比如“23”

如果我们想在输入中输入负浮点数，我们将模式更改为“

”^[+-]？\d{0,4}（| \.|，）？\d{1,2}”

，最大长度更改为8

进一步通知 使用上面的模式，我们仍然可以输入像“12345”这样的数字，这在我们的例子中是不正确的。

正确的模式必须是：

“^[+-]？\d{1,4}（\.\124;，）\ d{1,2}”）“

或

“^[+-]？\d{0,4}（\.\124;，）\ d{1,2}”）”

为了将来的参考，你可能会在这个问题上落选，因为这表明你甚至没有尝试自己的问题。这个网站是为了寻求对不正常工作的代码的帮助，而不是一个让自由职业者完成工作的网站。对不起，我添加这个问题只是因为我知道很多开发人员都有同样的问题，我得到了一个解决方案，我想公开，这样每个人都能从中受益。我真傻，我刚刚意识到你回答了你自己的问题，所以这基本上否定了我所认为的一切。进行。