Rails表单恢复：拒绝地理位置权限后重新启用form_tag表单

看起来你遇到的问题是当用户拒绝地理位置权限时，表单因为被阻止默认提交且缺少错误处理逻辑，导致无法正常提交。下面是具体的解决方案：

核心思路 #

navigator.geolocation.getCurrentPosition 其实支持两个回调函数：你已经实现的成功回调setGeoCookie，以及错误回调。我们需要添加这个错误回调来处理用户拒绝权限的情况，确保表单能重新启用并完成提交。

修改步骤及代码示例 #

1. 添加错误处理函数 #

在你的脚本中新增一个处理地理位置错误的函数，专门针对用户拒绝权限的场景做处理：

function handleGeoError(error) {
  // 判断是否是用户主动拒绝权限
  if (error.code === error.PERMISSION_DENIED) {
    // 给用户一个友好提示，说明后续操作
    alert("地理位置权限已拒绝，将为你进行无位置信息的搜索");
    // 直接触发表单的Rails提交事件，绕过地理位置请求流程
    $("#search-form").trigger('submit.rails');
  }
  // 可选：处理其他错误类型，比如位置不可用、请求超时等
  // else if (error.code === error.POSITION_UNAVAILABLE) { ... }
}

2. 更新地理位置请求函数 #

修改getGeoLocation，把错误回调传入getCurrentPosition方法：

function getGeoLocation() {
  // 同时传入成功回调和错误回调
  navigator.geolocation.getCurrentPosition(setGeoCookie, handleGeoError);
}

3. 可选优化：避免重复请求权限 #

如果不想用户每次提交表单都弹出权限弹窗（尤其是已经明确拒绝过的情况），可以添加一个标记变量记录权限状态：

// 全局变量记录权限是否被拒绝
let geoPermissionDenied = false;

$(document).on("submit","#search-form", function(e) {
  // 如果已经拒绝过权限，直接允许表单按默认逻辑提交
  if (geoPermissionDenied) {
    return;
  }
  e.preventDefault();
  getGeoLocation();
});

// 更新错误处理函数，标记权限状态
function handleGeoError(error) {
  if (error.code === error.PERMISSION_DENIED) {
    geoPermissionDenied = true;
    alert("地理位置权限已拒绝，后续搜索将不再请求位置信息");
    $("#search-form").trigger('submit.rails');
  }
}

方案说明 #

• 原代码只处理了地理位置请求成功的情况，忽略了错误场景，导致用户拒绝权限后表单一直处于被阻止提交的状态。
• 添加错误回调后，当用户拒绝权限时，我们主动触发表单的提交事件，让表单能正常完成提交流程。
• 可选的标记变量能提升用户体验，避免重复弹出用户已经明确拒绝过的权限请求弹窗。

另外，你采用的动态标签页事件委托（$(document).on）是正确的，所以修改后的逻辑也能在动态加载的标签页中正常工作。

内容的提问来源于stack exchange，提问作者Theopap