用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 实战教程 查看内容

微信小程序开发—表单验证

Rolan 2017-5-18 18:39

微信小程序开发—表单验证

一.知识点 
1.是否为空

  1. [html] view plain copy CODE上查看代码片派生到我的代码片
  2. <span style="font-family:Comic Sans MS;font-size:18px;color:#333333;">if(e.detail.value.userName.length==0||e.detail.value.psw.length==0||e.detail.value.tel.length==0){
  3. this.setData({
  4. tip:'提示:不能为空!',
  5. })
  6. }</span>

2.正则表达式: 
手机号码:var regtel=new RegExp('(^1[3|4|5|7|8][0-9]{9}$)','g');

  1. [html] view plain copy CODE上查看代码片派生到我的代码片
  2. <span style="font-family:Comic Sans MS;font-size:18px;color:#333333;"><input name="tel" placeholder="请输入手机号码" type="text" focus="false" class="section__iput"/></span>
  1. [html] view plain copy CODE上查看代码片派生到我的代码片
  2. <span style="font-family:Comic Sans MS;font-size:18px;color:#333333;"> if(!regtel.exec(e.detail.value.tel)){
  3. this.setData({
  4. tip:'手机号码格式不正确!',
  5. })
  6. }</span>

二.看列子

1.index.wxml

  1. [html] view plain copy CODE上查看代码片派生到我的代码片
  2. <span style="font-family:Comic Sans MS;font-size:18px;color:#333333;"><form bindsubmit="formSubmit" bindreset="formReset">
  3. <view class="section">
  4. <view class="section__title">姓名:</view>
鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: 汉堡请不要欺负面条

相关阅读