开发者社区> 问答> 正文

想让一个表单内组件A≠组件B时,阻断提交

如题,该如何操作?

展开
收起
DRAGON 2024-02-21 15:02:47 82 0
3 条回答
写回答
取消 提交回答
  • 面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。

    要实现在表单内组件A的值不等于组件B的值时阻断提交,您可以通过编写JavaScript代码来实现这一功能。以下是具体的操作步骤:

    1. 获取组件值:您需要在表单的提交事件中获取组件A和组件B的值。这通常通过document.getElementById('组件ID').value的方式来实现。
    2. 比较组件值:在提交事件处理函数中,比较两个组件的值是否相等。如果不相等,则执行阻止提交的操作。
    3. 阻止提交:如果组件A和组件B的值不相等,您可以使用event.preventDefault()方法来阻止表单的默认提交行为。
    4. 用户反馈:为了提升用户体验,您可以在阻止提交的同时,给用户一些提示信息,告知他们为什么表单没有提交成功。这可以通过alert()函数或者修改页面上的某个元素的内容来实现。
    5. 修改按钮类型:另一种简单的方法是将提交按钮的类型从submit改为button,这样点击按钮就不会自动提交表单了。
    6. 统一处理表单数据:如果您使用的是复杂的表单,可能需要在组件B或C中处理表单数据,然后再统一提交。这时,您可以通过JavaScript来控制数据的收集和提交过程。

    总的来说,通过上述方法,您可以有效地在表单内组件A的值不等于组件B的值时阻断提交,确保用户输入的数据满足特定条件后才允许表单提交。

    2024-02-21 21:43:41
    赞同 展开评论 打赏
  • 您好,可以使用公式校验方式。
    普通表单可以在【页面设计】-【表单设置】-【表单校验】,使用公式校验,添加校验公式NE(组件A,组件B),勾选当前满足公式时阻断提交,并设置提示文字保存即可。image.png
    image.png

    流程页面简易流程可以在【流程设计】-【全局设置】-【节点提交规则】中添加规则,节点类型选择开始,规则类型选择校验规则,添加校验公式NE(组件A,组件B),勾选当前满足公式时阻断提交,并设置提示文字保存即可。image.png
    image.png
    image.png
    image.png
    高级流程可以在【流程设计】-【开始节点】-【高级】-【节点提交规则】选择校验规则,添加校验公式NE(组件A,组件B),勾选当前满足公式时阻断提交,并设置提示文字保存即可。image.pngimage.png

    image.png
    逻辑函数的使用可以参考文档:https://docs.aliwork.com/docs/yida_support/cnzrgo/mnx96u

    2024-02-21 17:49:55
    赞同 展开评论 打赏
  • 若回答对您有帮助,记得点下赞同哦~

    您好可以使用公式校验实现。可以参考一下公式NE,文档地址:https://docs.aliwork.com/docs/yida_support/cnzrgo/mnx96u
    image.png

    实现效果 :image.png

    2024-02-21 17:25:56
    赞同 1 展开评论 打赏
问答地址:
关联地址:
问答排行榜
最热
最新

相关电子书

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