荆轲刺秦王
有时候我们在写表单的时候,为了防止用户在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>