微信小程序)表单验证开发二

上一篇我们和大家分享了微信小程序之表单组件分享一，本文我们主要和大家分享微信小程序)表单验证开发二，希望能帮助到大家。

一.知识点

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 

 if(!regtel.exec(e.detail.value.tel)){
 this.setData({
 tip: #39;手机号码格式不正确！ #39;,
 }

二.看列子

1.index.wxml

 form bindsubmit= formSubmit bindreset= formReset 
 view >

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: #39;手机号码格式不正确！ #39;,
 }else{
 this.setData({
 tip: ,
 //重置
 formReset: function() {
 console.log( form发生了reset事件 )
})
有更好的方式，欢迎大家来补充。。。
相关推荐：
微信小程序之表单组件分享一
html中关于表单组件的实例详解
关于HTML中表单组件的具体介绍
以上就是微信小程序)表单验证开发二的详细内容，更多请关注php中文网其它相关文章！
 
  
 微信app下载
 
微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！