js confirm 点击取消时什么也不做

点击确认按钮修改信息并提交表单,选择取消则不作任何操作。使用JavaScript实现表单确认对话框。
点击保存时,弹出框:确定修改此信息吗?
点击“确定”,提交表单
点击“取消”,什么也不做,停留在原页面(注意加了:return false)
function editinfo()
{
if(confirm("确定修改此信息吗?")){
method = "post";
action ="modifyParam.action";
submit();
}
}

input type="submit" onclick="editinfo();return false;" value="保存"
越来越喜欢自己了,嘿嘿,各种搜素各种尝试,就搞定了 ^_^
<think>好的,我现在需要解决用户的问题:“confirm 点击取消返回上一步”。用户希望当点击确认框的“取消”按钮,能够返回到上一步操作,而是仅仅终止函数。之前的代码中,点击取消返回空字符串,但用户可能希望有更具体的回退逻辑。 首先,我需要理解当前代码的结构。在用户提供的代码片段中,当条件满足(即最后一组长度足2),会弹出确认框。如果用户取消,则返回空字符串。现在用户希望点击取消后能返回到上一步,这可能意味着需要撤销某些操作或者回退到之前的状态,比如撤销最近的输入或跳转到上一个步骤。 接下来,我需要考虑如何实现这一点。可能的解决方案包括: 1. **回退数据状态**:可能需要保存之前的状态,当用户取消,将数据恢复到之前的状态。例如,如果checkLinkNameStr已经被修改过,可能需要保存旧值,并在取消恢复。 2. **流程控制**:可能需要调整函数的执行流程,确保在取消执行特定的回退步骤,比如跳转到上一个步骤或重新执行之前的逻辑。 3. **事件触发**:可能需要触发某个事件或调用特定的函数来处理回退逻辑,比如调用历史记录中的上一个步骤。 另外,需要确保在用户确认的情况下继续执行当前逻辑,而取消执行回退操作。这可能需要修改现有的条件判断,并添加相应的回退代码。 可能的代码调整包括: - 在点击取消返回空字符串,还要执行回退操作,比如更新UI到上一个步骤,或者恢复之前的数据状态。 - 如果存在历史记录或状态管理,可能需要调用相关的方法来实现回退。 同,需要测试修改后的代码是否符合预期,确保在用户点击取消正确回退,而确认继续执行后续操作。 最后,需要考虑用户可能没有提到的细节,比如如何保存状态、回退的具体步骤以及是否需要与后端交互等。因此,可能需要用户提供更多上下文信息,或者根据现有代码结构进行合理假设。</think>要实现“点击取消返回上一步”而非直接终止函数,需重构交互逻辑并维护状态回滚机制。以下是改进方案: ```javascript if(checkLinkName.length - maxIndex < 2){ if(!checkLinkNameStr){ // 弹窗提示并捕获用户选择 const userConfirmed = confirm(errorMessage + checkLinkName + '间隔符最后一组中英文长度小于2,是否确认继续?'); if(!userConfirmed){ // 回退逻辑:恢复上一步状态 checkLinkName = previousState; // 假设存在历史状态变量 // 可选:触发UI回退动画或步骤跳转 navigateToPreviousStep(); // 自定义回退函数 return; // 终止当前流程 } } // 用户确认或无需回退继续执行 if(callPage){ checkLinkNameStr += checkLinkName + '、'; } } ``` ### 核心改动说明 1. **状态回滚** 引入`previousState`变量保存原始数据(需在操作前缓存),取消恢复原始值,避免数据污染。 2. **流程跳转** 添加`navigateToPreviousStep()`函数调用,可通过路由跳转、DOM状态重置或表单回退实现界面层级的返回。 3. **交互优化** 将`return ''`改为`return`,避免空值污染后续逻辑,同通过函数终止实现流程中断。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值