如何限制用户只在输入字段中输入数字?

时间:2016-03-20 07:24:44

标签: javascript

尝试限制用户仅在文本字段中输入数字。

1 个答案:

答案 0 :(得分:0)

我假设你在谈论HTML中的FORM。 有几种方法可以做到这一点:

输入类型

建议Alexander,您可以将number类型设置为type

例如,在此表单中,用户需要在提交之前提供他/她的ID号。请注意,number设置为<!DOCTYPE html> <html> <body> <form action="action_page.php"> ID Number:<br> <input type="number" name="id" value="0"> <br><br> <input type="submit"> </form> </body> </html>

<script>
    function validateForm() {
        var x = document.forms["myForm"]["id"].value;
        if (x == null || x.search(/^\d+$/i) < 0) {
            alert("ID must be a number");
            return false;
        }
    }
</script>

<form name="myForm" action="demo_form.php"
      onsubmit="return validateForm()" method="post">
    ID: <input type="text" name="id">
    <input type="submit" value="Submit">
</form>

的Javascript

你可以设置一个javascript函数来验证输入on-submit。

{{1}}

HereW3Schools

上的另一个示例

AngularJS

围绕AngularJS有很多嗡嗡声,我想你可能想在某个时候去那里。 幸运的是,AngularJS文件认为这个主题是可以理解和直接的,或者至少对我而言。

以下是一些例子: