Html 输入不使用我表单中的步骤和最小属性_Html

Html 输入不使用我表单中的步骤和最小属性

html

Html 输入不使用我表单中的步骤和最小属性,html,Html,我有一个输入字段，可以输入一个整数，比如1，2，3，4，5等等。。没有小数和负数我有这个，但我仍然可以输入十进制和负数 <input name="Quantity" type="number" step="1" min="0" class="form-control"> 我是否应该在JS端进行一些验证，或者做一些事情来查看元素属性条件是否满足还有一件事需要注意。我不会在表格上要求任何提交。我正在单击一个按钮，序列化表单并通过JS将其传递给post调用。 <!DOCTY

我有一个输入字段，可以输入一个整数，比如1，2，3，4，5等等。。没有小数和负数

我有这个，但我仍然可以输入十进制和负数

<input name="Quantity" type="number" step="1" min="0" class="form-control">

我是否应该在JS端进行一些验证，或者做一些事情来查看元素属性条件是否满足

还有一件事需要注意。我不会在表格上要求任何提交。我正在单击一个按钮，序列化表单并通过JS将其传递给post调用。


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="https://code.jquery.com/jquery-3.1.0.js" integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk=" crossorigin="anonymous"></script>
    <script type="text/javascript">
        function testValidate() {
            var form = $('form')[0];

            if (!form.checkValidity || !form.checkValidity()) {
                console.log('Invalid');
            } else {
                console.log('Validated');
            };
        }
    </script>

</head>
<body>  
    <form id="form1">
        <input id="input1" name="Quantity" type="number" step="1" min="0" class="form-control">
        <div>
            <button>Submit Button</button>
        </div>
    </form>
    <button id="btnTest" onclick="testValidate()">TestButton</button>
</body>
</html>

函数testValidate（）{
变量形式=$（'form'）[0]；
如果（！form.checkValidity | |！form.checkValidity（））{
console.log（'Invalid'）；
}否则{
console.log（'Validated'）；
};
}
提交按钮
测试按钮

如果不想使用表单提交进行验证，当然可以使用JS进行验证检查

但是在没有看到您的代码的情况下，我认为您应该能够让“提交”按钮为您自动触发验证，在验证后对表单进行序列化。


函数testValidate（）{
变量形式=$（'form'）[0]；
如果（！form.checkValidity | |！form.checkValidity（））{
console.log（'Invalid'）；
}否则{
console.log（'Validated'）；
};
}
提交按钮
测试按钮

如果不想使用表单提交进行验证，当然可以使用JS进行验证检查

但是在没有看到您的代码的情况下，我认为您应该能够让提交按钮为您自动触发验证，在验证后对表单进行序列化。

您需要将表单标记放入html5验证中才能工作。我将其放入表单标记中。我只是不提交表格。请参阅我的上文。如果您谈论的是纯HTML验证，您需要在表单中单击“提交”按钮来触发表单验证。您可以在表单DOM节点上调用

form.checkValidity（）

，检查输入是否有效，但输入字段不会显示有关无效输入值的错误消息，但是Submit按钮会触发错误消息，你需要把它放在一个表单标签中，html5验证才能正常工作。我只是不提交表格。请参阅我的上文。如果您谈论的是纯HTML验证，您需要在表单中单击“提交”按钮来触发表单验证。您可以在表单DOM节点上调用

form.checkValidity（）

，检查输入是否有效，但输入字段不会显示有关无效输入值的错误消息，但是Submit按钮将触发错误消息，没有进一步的反馈，我正在更新我的代码，以显示如何使用

测试按钮检查元素条件是否满足，我的意思是表单中的某种形式的Submit按钮需要显示验证消息。没有进一步的反馈，我正在更新我的代码，以显示如何使用测试按钮检查元素条件是否满足，以及我的意思是表单中的某种形式的提交按钮需要显示验证消息。