Discuz 提交表单后仅提示而不跳转

在开发过程中，我们常常需要实现表单提交后只提示、不跳转的功能，以方便用户继续编写内容。然而，传统的 `showmessage` 方法在提示后会自动跳转页面，这并不符合我们的需求。因此，我们需要一种类似于积分变动时的蓝色或橙色居中横条提示信息，这种提示信息能够自动消失且不跳转。 ### 解决方案为了解决这个问题，我们可以结合 JavaScript 和 AJAX 来实现无刷新的提示功能。以下是一个具体的实现步骤： #### 1. 提示信息的 JS 代码首先，我们需要一段用于显示提示信息的 JavaScript 代码。这段代码可以生成一个居中显示的横条提示信息，并在指定时间后自动消失。


function showPrompt(message, type, timeout) {
    var promptBox = document.createElement('div');
    promptBox.style.position = 'fixed';
    promptBox.style.top = '50%';
    promptBox.style.left = '50%';
    promptBox.style.transform = 'translate(-50%, -50%)';
    promptBox.style.padding = '10px 20px';
    promptBox.style.backgroundColor = type === 'success' ? '#4CAF50' : '#FF9800';
    promptBox.style.color = '#fff';
    promptBox.style.borderRadius = '5px';
    promptBox.style.zIndex = '9999';
    promptBox.textContent = message;

    document.body.appendChild(promptBox);

    setTimeout(function() {
        document.body.removeChild(promptBox);
    }, timeout || 2000);
}

使用方法如下： ```html [点击我看看是什么效果] ``` #### 2. 结合 `showmessage()` 函数接下来，我们需要调整系统的 `showmessage()` 函数，使其支持无跳转的提示功能。通过查看 `showmessage()` 的参数说明，我们发现可以通过设置扩展参数来控制跳转行为。以下是关键参数的解释： - **closetime**: 自定义关闭时间，限于 `msgtype = 2`。 - **msgtype**: 信息样式，`2` 表示 AJAX 弹出框。 - **alert**: 提示图标样式，如 `right`、`info` 或 `error`。根据这些参数，我们可以修改 `showmessage()` 的调用方式，使其不再跳转页面。 ```php showmessage('修改成功', '', array(), array( 'showdialog' => 1, 'showmsg' => true, 'msgtype' => 2, 'closetime' => true, 'alert' => 'right' )); ``` #### 3. 实现效果通过上述修改，当用户提交表单时，系统会弹出一个居中的提示信息框，提示信息会在 2 秒后自动消失，且页面不会发生跳转。这种方式既满足了用户体验的需求，又避免了页面刷新带来的不便。 #### 4. 注意事项 - 确保 JavaScript 代码加载正常，建议将 `showPrompt` 函数放在页面底部或使用异步加载。 - 如果需要自定义提示信息的颜色和样式，可以通过修改 CSS 样式实现。 - 在实际应用中，可以根据业务需求调整 `closetime` 的值，以适应不同的提示场景。通过以上方法，我们成功实现了表单提交后只提示、不跳转的功能，同时提升了用户的操作体验。希望这篇文章对您有所帮助！

推荐阅读