开发者社区> 问答> 正文

钉钉宜搭制作学生在线选退寝系统中的问题

用API和JS实现以下功能:
提交表单A时(beforeSubmit/onSubmit),根据表单A(如:寝室申请单)的数据X(寝室号),查询另一张表单B(寝室基础信息表)的数据Y(寝室是否已被占用,1占用,0空闲),校验这个Y是否等于1;如果Y等于1,系统禁止用户提交,并跳出警告“该寝室已有人”。

展开
收起
游客vwfvgjwx4prna 2024-04-16 22:40:13 60 0
来自:钉钉宜搭
2 条回答
写回答
取消 提交回答
  • 若问题得到了解决,辛苦点下采纳回答哦~

    除了公式/数据联动也可以通过代码去进行查重的
    image.png
    可以参考下这个官方示例中心(这个是查询本表的,可以改下formUuid,和对应表单id):https://xmtrf1.aliwork.com/o/coc?tplUuid=TPL_PTOF5TGW8RN6G33OX0KQ&from=share

    2024-04-17 10:03:57
    赞同 展开评论 打赏
  • 北京阿里云ACE会长

    调用钉钉宜搭提供的API来查询表单B中的数据。这通常涉及到发送HTTP请求。

    // 假设这是表单A的onSubmit事件处理函数
    function checkDormitoryAvailability(formData) {
      // 获取寝室号
      var dormitoryNumber = formData.dormitoryNumber;
    
      // 调用API查询表单B中寝室的占用状态
      fetch('您的API端点', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          'Authorization': 'Bearer 您的Access Token'
        },
        body: JSON.stringify({ dormitoryNumber: dormitoryNumber })
      })
      .then(response => response.json())
      .then(data => {
        // 检查寝室是否已被占用
        if (data.isOccupied === '1') {
          // 禁止提交,并显示警告
          alert('该寝室已有人');
          return false; // 返回false以阻止表单提交
        } else {
          // 寝室空闲,允许提交
          return true;
        }
      })
      .catch(error => {
        console.error('API调用失败:', error);
        alert('查询寝室信息失败,请重试');
        return false; // 返回false以阻止表单提交
      });
    }
    
    // 在表单A的提交事件中调用该函数
    // 例如,如果您使用的是宜搭的表单提交事件,您可以这样绑定事件处理函数:
    // document.getElementById('formA').addEventListener('submit', function(event) {
    //   event.preventDefault(); // 阻止表单默认提交行为
    //   if (!checkDormitoryAvailability(event.target)) {
    //     return; // 如果寝室已被占用,不执行后续操作
      // }
      // ... 执行表单提交的其他逻辑
    // });
    
    2024-04-17 09:19:56
    赞同 3 展开评论 打赏
问答分类:
问答地址:
相关产品:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
相关文档: 宜搭
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载