wx-validInput 一个自带验证的input输入框
对官方input组件的拓展
微信小程序校验输入框组件
将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 |
日期 | date |
邮编 | ecode |
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 个评论
这个form表单提交时的,它的name名称怎么设置,以及获取value
新版本已修复这个问题,请重新拉取版本,直接在标签上设置name值即可,在表单提交事件中可通过对应的name值获取value,感谢使用