微信小程序中表单验证开发的狐狸分析
小编给大家分享一下微信小程序中表单验证开发的狐狸分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
在蓬江等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、网站建设、外贸网站建设 网站设计制作按需网站策划,公司网站建设,企业网站建设,品牌网站制作,全网营销推广,外贸网站制作,蓬江网站建设费用合理。
一.知识点
1.是否为空
if(e.detail.value.userName.length==0||e.detail.value.psw.length==0||e.detail.value.tel.length==0){ this.setData({ tip:'提示:不能为空!', }) }
2.正则表达式:
手机号码:var regtel=new RegExp('(^1[3|4|5|7|8][0-9]{9}$)','g');
if(!regtel.exec(e.detail.value.tel)){ this.setData({ tip:'手机号码格式不正确!', }) }
二.看列子
1.index.wxml
2.index.wxss
.section{ margin:10px 20px; display:flex; border-bottom:1px solid #ccc; padding:15px 0; } .section__title{ width:30%; } .section__iput{ width:70%; line-height:25px; border:1px solid #ccc; } .btn-area{ display:flex; justify-content:center; margin:20px; } .btn-area button{ width:40%; }
3.index.js
var app = getApp() Page({ data: { date: '2016-09-01', tip:'', }, //日期 bindDateChange: function(e) { this.setData({ date: e.detail.value }) }, //提交 formSubmit: function(e) { var regtel=new RegExp('(^1[3|4|5|7|8][0-9]{9}$)','g'); if(e.detail.value.userName.length==0||e.detail.value.psw.length==0||e.detail.value.tel.length==0){ this.setData({ tip:'提示:不能为空!', }) }else if(!regtel.exec(e.detail.value.tel)){ this.setData({ tip:'手机号码格式不正确!', }) }else{ this.setData({ tip:'', }) } }, //重置 formReset: function() { console.log('form发生了reset事件') } })
以上是“微信小程序中表单验证开发的狐狸分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
本文名称:微信小程序中表单验证开发的狐狸分析
分享路径:http://pwwzsj.com/article/gjgeeo.html