深入浅出学习eTs（七）如何判断密码是否正确
本项目gitee仓地址：深入浅出ets学习: 带大家深入浅出学习ets (gitee.com) 一、基本界面 本项目基于#深入浅出学习ets#（四）登陆界面ui，继续进行，实现一个判断的功能
二、控件介绍 textinput 可以输入单行文本并支持响应输入事件的组件。
interface textinputinterface { (value?: textinputoptions): textinputattribute;}declare interface textinputoptions { placeholder?: resourcestr; text?: resourcestr; controller?: textinputcontroller;}
定义如上，其中placeholder代表默认显示的内容，lesson4中该部分程序如下：
textinput({ placeholder: 我的qq帐号 }) .width(270vp) .height(50vp) .flexshrink(0) textinput({ placeholder: ********** }) .width(270vp) .height(50vp) .flexshrink(0) .type(inputtype.password)
其定义也是先对控件类型进行声明，然后对基本属性进行设置
事件 名称 功能描述
onchange(value: string) => void 输入发生变化时，触发回调。
其中重要的是这个内容，当内容发生改变时，需要对变量进行重新幅值
三、按键绑定 在确认需求后，我们要做的就是对两个输入框的内容进行判断，首先设置一个点击函数
button(登 录) .width(250vp) .height(60vp) .fontsize(31fp) .onclick(() => { })
然后将两个输入框的内容进行变量绑定
@state qq: string = '110xxxx' @state password: string = '123456' textinput({ placeholder: this.qq }) .width(270vp) .height(50vp) .flexshrink(0) .onchange((value: string) => { this.qq = value }) textinput({ placeholder: this.password }) .width(270vp) .height(50vp) .flexshrink(0) .type(inputtype.password)
当按键按下后对输入框内容进行判断
if(this.qq == 11066) { this.password = '登录成功' }else { this.password = '登录失败' }
我们这里进行一个简单的判断（似乎模拟器有bug，不能进行输入，下个章节我看下怎么解决这个问题，这次采用直接赋值this.qq的方式完成判断）
四、整体测试
当输入内容为110xxxx时，点击登录，在密码框提示登录失败
当输入框为11066时，点击输入框，此时得到的反馈为登录成功
变压器磁芯的基础知识介绍
高智能土壤肥料养分检测仪的特点是什么
igbt和逆变器的关系是什么？
温室大棚智能控制系统功能和特点
深圳南信国际电子有限公司 | 亮相慕尼黑（上海）电子展！
深入浅出学习eTs（七）如何判断密码是否正确
RISC和CISC嵌入式架构的区别是什么
无人机是怎样被警务使用的
LED照明产品的三大问题
结合555 电路实验和单片机定时器频率计实验
装备制造业如何借助数字化破局突围
Bourns针对DSL、以太网与PoE应用推出最新G.fast及LAN变压器
“AVP-乘用车L4级别自动驾驶的必经之路” 的演讲
楼宇园区数字化管理模式的详细说明
ZUK edge 联想年度压轴大作，现场真机上手评测
手持式频谱分析仪帮助实施毫米波无线信道调查
台积电官宣2nm研发启动 N5P量产预计落在2021年
设计安全工业芯片系统的验证方法
GPU还是CPU？看完这个你就懂了
太阳能蓄电池和普通蓄电池有什么区别
二、控件介绍 textinput 可以输入单行文本并支持响应输入事件的组件。
interface textinputinterface { (value?: textinputoptions): textinputattribute;}declare interface textinputoptions { placeholder?: resourcestr; text?: resourcestr; controller?: textinputcontroller;}
定义如上，其中placeholder代表默认显示的内容，lesson4中该部分程序如下：
textinput({ placeholder: 我的qq帐号 }) .width(270vp) .height(50vp) .flexshrink(0) textinput({ placeholder: ********** }) .width(270vp) .height(50vp) .flexshrink(0) .type(inputtype.password)
其定义也是先对控件类型进行声明，然后对基本属性进行设置
事件 名称 功能描述
onchange(value: string) => void 输入发生变化时，触发回调。
其中重要的是这个内容，当内容发生改变时，需要对变量进行重新幅值
三、按键绑定 在确认需求后，我们要做的就是对两个输入框的内容进行判断，首先设置一个点击函数
button(登 录) .width(250vp) .height(60vp) .fontsize(31fp) .onclick(() => { })
然后将两个输入框的内容进行变量绑定
@state qq: string = '110xxxx' @state password: string = '123456' textinput({ placeholder: this.qq }) .width(270vp) .height(50vp) .flexshrink(0) .onchange((value: string) => { this.qq = value }) textinput({ placeholder: this.password }) .width(270vp) .height(50vp) .flexshrink(0) .type(inputtype.password)
当按键按下后对输入框内容进行判断
if(this.qq == 11066) { this.password = '登录成功' }else { this.password = '登录失败' }
我们这里进行一个简单的判断（似乎模拟器有bug，不能进行输入，下个章节我看下怎么解决这个问题，这次采用直接赋值this.qq的方式完成判断）
四、整体测试
当输入内容为110xxxx时，点击登录，在密码框提示登录失败
当输入框为11066时，点击输入框，此时得到的反馈为登录成功
变压器磁芯的基础知识介绍
高智能土壤肥料养分检测仪的特点是什么
igbt和逆变器的关系是什么？
温室大棚智能控制系统功能和特点
深圳南信国际电子有限公司 | 亮相慕尼黑（上海）电子展！
深入浅出学习eTs（七）如何判断密码是否正确
RISC和CISC嵌入式架构的区别是什么
无人机是怎样被警务使用的
LED照明产品的三大问题
结合555 电路实验和单片机定时器频率计实验
装备制造业如何借助数字化破局突围
Bourns针对DSL、以太网与PoE应用推出最新G.fast及LAN变压器
“AVP-乘用车L4级别自动驾驶的必经之路” 的演讲
楼宇园区数字化管理模式的详细说明
ZUK edge 联想年度压轴大作，现场真机上手评测
手持式频谱分析仪帮助实施毫米波无线信道调查
台积电官宣2nm研发启动 N5P量产预计落在2021年
设计安全工业芯片系统的验证方法
GPU还是CPU？看完这个你就懂了
太阳能蓄电池和普通蓄电池有什么区别