欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-03-31 21:15:36
...

从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

:**