hbuilder表单提交弹窗显示提交成功

HBuilder是一款前端开发工具，它提供了丰富的功能来构建Web应用，包括表单设计。当你在HBuilder中创建表单并设置好提交事件时，可以自定义表单提交后的反馈。如果你想在提交后弹出一个提示框告知用户操作已成功，你可以这样做：

1. 首先，在HTML中添加一个按钮或其他触发提交的元素，并绑定一个JavaScript事件处理函数，比如`submit`事件。

<form id="myForm">
  <!-- 表单内容 -->
  <button type="submit" onclick="handleFormSubmit()">提交</button>
</form>

<script>
function handleFormSubmit() {
  // 表单验证
  if (validateForm()) {
    const form = document.getElementById('myForm');
    form.addEventListener('submit', function(event) {
      event.preventDefault(); // 阻止默认提交行为

      // 提交逻辑，假设实际的异步请求已经完成
      showSuccessMessage();

      // 清除事件监听，防止多次提交
      form.removeEventListener('submit', handleFormSubmit);
    });
  }
}

2. `showSuccessMessage()` 函数可以创建一个自定义的弹窗，使用HBuilder的UI库（如Amaze UI、Element UI等）或者原生的`alert()`或`Swal`库（第三方库）来显示消息：

function showSuccessMessage() {
  alert('提交成功！');
  // 或者使用第三方库，例如 Swal:
  // import Swal from 'sweetalert2';
  // Swal.fire({
  //   icon: 'success',
  //   title: '提交成功',
  // });
}