上一篇我们和大家分享了微信小程序之表单组件分享一，本文我们主要和大家分享微信小程序)表单验证开发二，希望能帮助到大家。
一.知识点
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');
<input name="tel" placeholder="请输入手机号码" type="text" focus="false" class="section__iput"/>
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事件')
}
})有更好的方式，欢迎大家来补充。。。
相关推荐：
以上就是微信小程序)表单验证开发二的详细内容，更多请关注php中文网其它相关文章！
微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
349
收藏
