微信小程序开发笔记(二)--获取输入框的值进行判断并给全局变量赋值

从wxml页面获取输入框的值进行判断并存储到全局变量

一个菜鸟的学习笔记 如有错误请指点一下(QQ:2529354857) 谢谢!

在wxml页面中的一个文本框输入一个值 并且判断是否为正整数:

在里加入 bindinput===‘peoplenum==’ ,然后在js文件里写出该函数
.peoplenum:function(e(一个参数)){
你的变量名=e.detail.value,
}

wxml的代码:

<view style="width:320rpx;">       
	 <input bindinput='peoplenum' type="number" class="text_putnum" placeholder="请输入人数" focus="true"/>   
</view>    
<view style="width:120rpx;">     
	   <button  class="okbtn" bindtap='oknum' >确认提交 </button>   
 </view>`

js里的代码:

peoplenum:function(e){   
 if((e.detail.value*10)%10==0){     //判断是否为正整数
 	app.globalData.num=e.detail.value //num为全局变量 将输入的值赋给num
  }    
  else{      
 	 console.log("输入的不是正整数!");   
   }
   },
   oknum:function(e){  		
   if(app.globalData.num==0){    		//检验是否赋值成功
  	   console.log("请输入人数!"); 
    }  
    else{
        console.log(app.globalData.num);  
    }
 }

界面:
在这里插入图片描述

运行:
正确运行

错误提示:在这里插入图片描述
**

给全局变量赋值

首先在app.js里定义全局变量(num)

在这里插入图片描述
然后将从wxml文本框获取的值赋给num

注意注意注意!!! 要在js开头写入:

const app=getApp()

	app.globalData.num=e.detail.value

:**

猜你喜欢

转载自blog.csdn.net/weixin_43817994/article/details/88625781