微信小程序输入标签规律初体验

开篇废话在开发过程中，我们经常会遇到这样的需求：用户只能输入数字，只能保留两位小数。虽然我们在提交表单的时候可以验证，但是体验不是很好。接下来我主要是利用小程序的input标签的bindinput方法来监听输入值，然后进行正则匹配。1.input标签微信小程序的input标签自带一个type=digit属性，可以调出带小数点的数字键盘，maxlength属性可以控制我们输入的字符数，然后我们绑定bindinput输入标签的方法。2。绑定监听事件bindinput方法可以监听当前输入框的值，类似于onchange事件，但又不一样。input的值可以通过e.detail.value获取，return返回的字符串可以替换input的字符串。3.正则匹配如果匹配正则通过，则返回所有字符；如果不是，最后一个不匹配的字符将被删除并返回。/*正则匹配*/regInput(e){if(/^(\d?)+(\.\d{0,2})?$/.test(e.detail.value)){returne.detail。价值;}else{返回e.detail.value.substring(0,e.detail.value.length-1);}}End这个正则表达式并不完美，欢迎大家一起优化。