input限制只能输入数字/银行卡号格式数字【layui】

本例适用一下场景(前端是layui框架,其他框架没测试):

• 文本款限制只能输入数字;
• 文本款限制输入数字为银行卡号格式 : 例如:4120 6666 8888 9999

1. 限制输入数字:

   <!-- 只能输入数字 -->
   <input id="numberInput" name="shAdminName" class="layui-inpu" type="text">
   
   
   /** 监控input改变: */
   $("#numberInput").on("input",function(e){
       var oldVal = e.delegateTarget.value;
       var newVal = oldVal.replace(/\s/g,'').replace(/[^\d]/g,'');
       $("#numberInput").val(newVal);
   });

2. 限制输入银行卡号格式的数字:

<!-- 只能输入银行卡号格式的数字 -->
<input id="bankCardInput" name="shAdminName" maxlength='22' class="layui-inpu" type="text">


/** 监控input改变: */
$("#bankCardInput").on("input",function(e){
    var oldVal = e.delegateTarget.value; 
    var newVal = oldVal.replace(/\s/g,'').replace(/[^\d]/g,'').replace(/(\d{4})(?=\d)/g,'$1 ');
    $("#bankCardInput").val(newVal);
});

 2