收藏
评论

wx-validInput 一个自带验证的input输入框

wx-validInput 一个自带验证的input输入框

对官方input组件的拓展

wx-validInput

微信小程序校验输入框组件

主要使用方法

将validInput组件下载下来,在要使用的页面的json文件中加入下面代码

  "usingComponents": {
    "validInput": "/你的路径/input/input"
  }

在对应的wxml页面

    <validInput
            place-holder="请输入您的身份证号"
            type="idcard"
            init-value="123"
            valid-type="idCard"
            max-length="18"
            bindinput="input" 
            bindchange="change" 
            bindblur="blur" 
            bindfocus="focus"
            >
</validInput> 

校验类型

校验类型 参数名
姓名 name
手机号 tel
银行卡号 bankCard
身份证号 idCard
QQ QQ
日期 date
email email
邮编 ecode

props(这里只列出和input组件中不同的参数,其余未提出的input属性可直接使用)

props 参数名 参数类型 默认值
提示信息 place-holder String 请输入您的数据
验证类型 valid-type String
验证时机 valid-time String blur
验证错误提示 valid-toast String
初始值 init-value String
最大长度 max-length Number 140
错误红色阴影提示 error-border Boolean true
收藏

1 个评论

  • 2018-05-16

    这个form表单提交时的,它的name名称怎么设置,以及获取value

    2018-05-16
    赞同
    回复 1
    • 酱酱酱酱酱酱酱酱酱酱酱酱酱酱夕~
      酱酱酱酱酱酱酱酱酱酱酱酱酱酱夕~
      2018-06-01

      新版本已修复这个问题,请重新拉取版本,直接在标签上设置name值即可,在表单提交事件中可通过对应的name值获取value,感谢使用

      2018-06-01
      回复
登录 后发表内容