上一篇我们和大家分享了微信小程序之表单组件分享一，本文我们主要和大家分享微信小程序)表单验证开发二，希望能帮助到大家。
一.知识点
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事件')
}
})有更好的方式，欢迎大家来补充。。。
相关推荐：
Atas ialah kandungan terperinci 微信小程序)表单验证开发二. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Pemerolehan laluan program mini
Perbezaan antara kabel konsol dan kabel rangkaian
Pengenalan kepada perbezaan antara javascript dan java
Bersihkan pendaftaran
Bagaimana untuk mengulas kod dalam html
Bagaimana untuk membuat wang dengan blockchain
Bagaimana untuk menyelesaikan masalah yang pautan mysql melaporkan 10060
Penyelesaian kepada masalah bahawa fail exe tidak boleh dibuka dalam sistem win10
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
