全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[南京排名seo公司]微信小程序中input标签的使用方法(附代码)

  本篇文章给大家带来的内容是关于微信小程序中input标签的使用方法(附代码)●◆,有一定的参考价值●■,有需要的朋友可以参考一下•▼=▼,希望对你有所帮助。

  在开发过程中经常遇到这样的需求△•★:用户只能输入数字并且只保留小数点两位。虽然我们可以在提交表单的时候进行验证,丰镇市小程序制作公司但是体验不是很好。下面我主要使用了小程序input标签的bindinput方法对输入的值进行监听,然后进行正则匹配。

  

1. input标签

 

  微信小程序input标签自带type=digit属性•◆◁,可以调起带有小数点的数字键盘▽▽,maxlength属性可以控制我们输入字符的个数,然后我们给input标签绑定bindinput方法。

  

<input type="digit" bindinput="regInput" maxlength="15"/>

2. 绑定监听事件

 

  bindinput方法可以监听到当前输入框的值,[四川seo优化网络公司]微信小程序wx.request实现后台数据交互功能分析,类似于onchange事件,但不太一样。[南京排名seo公司]通过e○--●.detail.value可以获取到input的值,return返回的字符串可以替换掉输入的字符串。德阳市小程序开发哪家好

  

3○◆☆•. 正则匹配

 

  匹配正则通过则返回所有字符,不通过则去掉最后一个不匹配的字符返回。

  

/*正则匹配*/
regInput(e){
 if(/^(\d☆=…?)+(\.\d{0,2})?$/.test(e.detail☆•■▼.value)){
 return e.detail.value;
 }else {
 return e△▪▽….detail▼▷□▪.value○◁.substring(0,e.detail.value.length-1)▷★;
 }
}

相关推荐:

  

小程序开发--input标签实例教程
 

  

微信小程序:渲染标签的使用

  以上就是微信小程序中input标签的使用方法(附代码)的详细内容◆◁☆◆,更多请关注久澳传媒编程栏目其它相关文章•=▪!

[南京排名seo公司]微信小程序中input标签的使用方法(附代码)

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。