1.条件渲染
对用户登录时输入的数据，如果不合法进行提示，我们可以使用条件渲染（if语句）来实现：如下是一个示例：
/* 判断用户输入的数据是否是一个合法的数据 */ if (this.username.length < 5) { Text("用户名至少5位") .fontSize(12) .fontWeight(700) .fontColor("#ff0000") } if (this.password.length < 8) { Text("密码至少8位") .fontSize(12) .fontWeight(700) .fontColor("#ff0000") }
当我们的数据输入的不合法时，会进行红字提示：
合法的数据项，不会进行提示：
2.使用生命周期
我们可以使用更普遍的正则表达式对数据进行校验，同时，可以通过生命周期对正则表达式的结果进行测试：首先定义一个正则表达式规范：
private username_reg = /^[A-Za-z0-9]{5,8}$/
通过生命周期进行测试：
/* 生命周期 */ onPageShow() { let test_res_u = this.username_reg.test(this.username) let test_res_p = this.username_reg.test(this.password) // @ts-ignore console.info("用户名匹配" + test_res_u) // @ts-ignore console.info("密码匹配" + test_res_p) }
当输入数据为dahezhi（合法）和456（不合法）时，日志信息如下，测试通过：
[phone][Console INFO] 09/29 13:40:06 12104 app Log: 用户名匹配true [phone][Console INFO] 09/29 13:40:06 12104 app Log: 密码匹配false
