Applab中能否检测文本框null值？如何实现空输入跳转拦截？

问题本质是按钮点击事件中没有前置非空校验逻辑，点击后直接执行了页面跳转代码，没有对输入框内容做判断。

具体实现步骤 #

• 提前给页面上所有必填输入框、创建ID按钮、提示信息展示组件设置唯一ID，比如用户名输入框ID设为userIdInput、密码输入框ID设为pwdInput、创建按钮ID设为createIdBtn、错误提示文本ID设为errorTip。
• 重写创建ID按钮的点击事件逻辑，把页面跳转代码放到校验通过的分支内，空值场景下直接拦截并展示提示。

参考代码如下：

onEvent("createIdBtn", "click", function() {
  // 读取所有必填输入框内容，去除首尾空格避免全空格输入绕过校验
  const inputUserId = getText("userIdInput").trim();
  const inputPwd = getText("pwdInput").trim();
  // 有更多必填项就按上述格式继续取值即可

  // 空值拦截
  if (!inputUserId || !inputPwd) {
    // 展示错误提示，可根据自己的页面设计调整提示样式
    setText("errorTip", "请填写所有必填项后再继续操作");
    showElement("errorTip");
    // 终止后续逻辑执行，不会触发跳转
    return;
  }

  // 所有输入校验通过后，再执行页面跳转
  setScreen("你的下一页页面ID");
});

避坑说明 #

• 必须对取到的输入值做.trim()处理，否则用户输入一串空格的场景会被判定为有效输入，绕过校验。
• 如果不需要常驻错误提示，也可以把提示部分换成Applab内置的临时弹窗逻辑，不用额外加文本组件。
• 校验判断条件要覆盖所有必填输入框，漏写的字段不会进入校验流程。

内容的提问来源于stack exchange，提问作者Arth