html/js判断文本输入必须为数字

刚接触前端，碰到一个需求，要求文本框输入内容必须为数字，错误输入逻辑必须在到达后端代码前拦截掉。

思考下来，有以下两种做法。

1. 在html控件层控制。效果是：用户只要输入数字外的字符，该字符被自动清除，用户只能说：臣妾办不到啊。。这种做法相对较暴力，属于犯罪分子一进视线范围，就击毙...

html如下：

<textarea id="cityIDs" name="cityIDs" class="form-control city-id" rows="3" οnkeyup="this.value=(this.value.replace(/\D/g,''))" placeholder="请输入数字cityID(必须单个城市)，如:1234">${cityIDStr!}</textarea>

2. 在js层判断控制，效果是：当用户输入文本后，在提交表单操作这步，再提示失败，拒绝提交表单。这种做法较优雅，属于犯罪分子真正搞破坏时，再biubiu...

js控制代码如下：

    $searchSubmit.click(function() {
        if(/^\d*$/g.test($('#cityIDs').val())){
            $("#searchForm").submit(); // searchForm为表单名
        }else{
            alert("必须输入数字!");
            $('#cityIDs').val("");
            $('#cityIDs').focus();
            return false;
        }
    });

注意：若提交按钮的type为"submit", 默认最后会自动提交表单，所以js判断为非数字后，必须return false，才能防止表单被自动提交。