Question

我不确定这是否可行。我只是想检查一下。一些建议真的会有所帮助，谢谢你。我想使用类将所有表单重定向到感谢页面。

这是我写的代码。

if ($(".vfb_redirect")[0]){ 
    window.location = "https://webfootprint.co.za/thank-you";
}

但我知道如果页面上存在类.vfb_redirect，这将适用于所有提交按钮，如果我想在页面中添加不同的提交按钮，这将成为问题。（2在一页上提交按钮。）

我想要做的是将重定向仅应用于带有.vfb_redirect类的“提交”按钮。

拜托，有人能指出我如何实现这一目标的正确方向吗？

我需要它成为一个班级，因为我使用付费插件只允许我在表单字段中添加一个类。

先谢谢你。

Answer 1

为什么不在按钮内定义负责重定向的方法？

＆＃13;

function redirect(){
    window.location = "https://example.com/";
}

＆＃13;

<button type="submit" onclick="redirect()">Submit</button>

＆＃13;

这样只有这个按钮才能为你重定向。

Answer 2

尝试jQuery click()方法

＆＃13;

$(".vfb_redirect").click(function(){
    window.location = "https://example.com/";
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="submit" class="vfb_redirect">Submit</button>

＆＃13;

如果有多个按钮

＆＃13;

function redirect(){
   window.location = "https://example.com/";
}

＆＃13;

<button type="submit" class="vfb_redirect" onclick="redirect(this)">Submit</button>

＆＃13;

Answer 3

而不是创建提交，创建一个调用函数的按钮，更改提交URL，然后调用js submit：

<Switch>

然后按下按钮：

<Router>
    <div className="container">
      <Header />

        <Switch>
          <Route exact path="/" component={Landing} />
          <Route path="/realmadrid" component={Realmadrid} />
          <Route path="/live" component={Live} />
          <Route path="/news" component={News} />
          <Route path="/archives" component={Archives} />
        </Switch>
    </div>
  </Router>

仅使用javascript将重定向应用于某些提交按钮

3 个答案: