input框禁止输入空格

荆轲刺秦王

有时候我们在写表单的时候，为了防止用户在input框内乱输入，可以加一些判断，通常情况下，我们可以用JS写正则来判断

但是今天我发现了一种更为简便的写法：

<div class="form-group">
        <label class="col-sm-2 control-label">银行卡号</label>
        <div class='col-sm-8'>
            <input name="bank_cards" value="{$vo.bank_cards|default=''}" class="layui-input" title="请输入银行卡号" placeholder="请输入银行卡号" oninput="this.value=this.value.replace(/\s+/g,'')">
        </div>
</div>

主要判断代码是：

oninput="this.value=this.value.replace(/\s+/g,'')"

这样就可以禁止输入空格，类似的还有这种：

<div class="form-group">
        <label class="col-sm-2 control-label">配送范围(单位:公里)</label>
        <div class='col-sm-8'>
            <input name="express_area" value="{$vo.express_area|default=''}" class="layui-input" title="请输入配送范围" placeholder="请输入配送范围(单位：公里)只能输入整数" oninput = "value=value.replace(/[^\d]/g,'')">
        </div>
</div>