开发者社区> 问答> 正文

流程表单提交二次确认

大家好。我有一个流程表单,需要在提交时弹出二次确认按钮。
需要判断表单里的一个值。
一个数值,这个数据来自公式计算,通过判断他的大小来判断是否弹出二次确认。
如:该值=100则弹出,如果该值小于100可以直接提交。
请问该如何实现?感谢。
我自己使用JS,会弹出提交失败。代码如下:

export function beforeSubmit({ formDataMap }){

var weightInput = document.getElementById('lwrnao11'); //数值表示ID
var form = document.getElementById('fromtable');//表单ID

form.addEventListener('submit', function(event) {
  event.preventDefault();
  var weight = parseFloat(weightInput.value);
  var Total_score = 100;
  if (weight < Total_score) {
    form.submit();
  } else {
    var confirmMessage = '是否确认提交?';
    var confirmed = confirm(confirmMessage);
    if (confirmed) {
      form.submit();
    }
  }
});
}

展开
收起
rktyvgzwkzm2c 2024-06-19 08:52:35 47 0
1 条回答
写回答
取消 提交回答
  • 您的代码逻辑基本正确,但在执行form.submit()时,由于事件已阻止默认行为(event.preventDefault()),需要移除这行代码。修改后的代码如下:
    image.png

    当数值小于100时,表单会直接提交,否则会弹出确认框。请确保lwrnao11和fromtable是正确的ID

    2024-06-19 11:28:53
    赞同 展开评论 打赏
问答地址:
关联地址:
问答排行榜
最热
最新

相关电子书

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