微信小程序 input 输入校验

最新推荐文章于 2023-06-06 19:24:28 发布

真·skysys

最新推荐文章于 2023-06-06 19:24:28 发布

阅读量5.1k

点赞数 1

分类专栏：大前端和跨平台技术

原文链接：https://blog.csdn.net/qq_27721169/article/details/96479828

版权

大前端和跨平台技术专栏收录该内容

329 篇文章 105 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在微信小程序中进行input输入的校验，通过示例代码详细展示了各种验证技巧，包括必填项检查、格式验证等，帮助开发者提升用户体验。

摘要由CSDN通过智能技术生成

Demo:

 <view class="form-item">
      重量(kg)
      <input class="input" bindinput='bindinputWeight' type='number' maxlength='4' value="{{register.weight}}" placeholder-class="phcolor" placeholder='请输入重量' />

bindinputWeight(event) {
    let value = this.validateNumber(event.detail.value);
    let register = this.data.register;
    register.weight = value;
    this.setData({
      register: register
    });
  },
  //数字限制
  validateNumber(val) {
    return val.replace(/\D/g, '')
  },