前端/JS笔记-利用JS/正则判断input是否存数字以及字母加数字

原创于 2019-04-24 08:44:08 发布 · 5.5k 阅读

19 ·

CC 4.0 BY-SA版权

文章标签：

#html #JavaScript

web前端同时被 2 个专栏收录

186 篇文章

订阅专栏

JavaScript

62 篇文章

订阅专栏

本文介绍了一种使用正则表达式验证用户输入是否为数字的JavaScript方法，通过实例展示了如何确保表单中金额字段仅接受数字输入，适用于前端表单验证场景。

下面以存数字为例：

如下，当输入英文：

这里给出关键的代码：

var reg = new RegExp(/^\d+$/);                  //数字
var reg = new RegExp(/^[a-zA-Z0-9]+$/g);      //数字加密码

JavaScript代码：

<script type="text/javascript">

    function chkIt(){

        var txtvalve = document.form1.money.value;
        var reg = new RegExp(/^\d+$/);                  //数字
        //var reg = new RegExp(/^[a-zA-Z0-9]+$/g);      //数字加密码
        if(!reg.test(txtvalve)){

            alert("输入不规范");
            return false;
        }
        return true;
    }

</script>

html代码：

<form class="testForm" name="form1" th:action="@{/rushMoney}" th:method="post" onsubmit="return chkIt()">
    <div class="form-group">
        <label>请输入金额</label>
        <input name="money" type="text" class="form-control" id="money" placeholder="100.0">
    </div>
    <button type="submit" target="_blank" class="btn purchase-button">点击充值</button>
</form>