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

小云云
发布: 2018-03-17 13:38:57
原创
1940 人浏览过

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

一.知识点

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:&#39;手机号码格式不正确!&#39;,
	      	})
    	}
登录后复制

二.看列子

1.index.wxml

姓名: 手机号码: <input name="tel" placeholder="请输入手机号码" type="text" focus="false" class="section__iput"/> 密码: 性别: 日期: {{date}} 留言: