在Javascript中提交表单后重定向

Redirecting after form submission in Javascript

本文关键字：重定向 表单 提交 Javascript      更新时间：2023-09-26

我希望有人能帮助我。我没有访问网站后端，所以我不能改变那里上传的js脚本。我想要实现的是做一个简单的表单提交问题报告，然后显示一个"谢谢"弹出窗口，并重定向回主页上的帐户在我们的页面。

所以我可以制作一个表单。我复制了一个功能的形式，去编辑链接，点击页面主体显示源。但是我不能阻止它在按下Submit按钮后转到另一个页面的默认行为。我怀疑它是在js脚本的后端。我将复制下面的代码。

<center>
<b>App Issues Report Form</b>
<br>
</center>
<form action="/Modules/SendForm" method="post" class="form" id="NewForm">
<input name="formFields" value="CONTACTID,AgentName,Notes" type="hidden">
       <input name="formLabels" value="Contact ID:,Agent Name:,Notes:" type="hidden">
       <input name="fromAddress" value="no-reply@callcenter.com" type="hidden">
       <input name="toAddress" value="name@CallCenter.com" type="hidden">
       <input name="subject" value="A new message about app" type="hidden">
       <input name="emailMsg" value="The following data has been collected:" type="hidden">
       <input name="CONTACTID" value="##CONTACTID##" type="hidden">
<input name="companyId" value="##COMPANY_ID##" type="hidden">

                        <div class="clearfix">
                        <label>Agent Name:</label>
                        <div class="input"><input id="AgentName" name="AgentName"
 class="validate[required] xlarge" value="##LOGGEDIN_AGENT_FIRST_NAME## 
 ##LOGGEDIN_AGENT_LAST_NAME##" type="text">
                        </div>
                    </div>
<div class="clearfix">
                        <label>Notes:</label>
                        <div class="input"><textarea id="Notes" name="Notes" 
class="validate[required] xxlarge"></textarea>
                        </div>
</div>
                    <div class="clearfix grey-highlight">
                    <div class="input no-label">
                        <input class="button blue" value="Submit" type="submit">
                        <input class="button grey" value="Reset" type="reset">
                    </div>
                </div>
</form>
<script type="text/javascript">
$(document).ready(function() {
$("NewForm").click(function( event ) {
alert( "Thank you for your feedback" );
event.preventDefault();
});
});
</script>

当我复制代码时，它在末尾只有这个:

<script type="text/javascript"> 
$(document).ready(function () { 
new setupAjaxForm('NewForm'); }); 
</script>

我试着在这里搜索和建议似乎没有工作:

如何在Ajax表单提交后将用户重定向到另一个页面

如何在Ajax表单提交后将用户重定向到另一个页面?

http://learn.jquery.com/about-jquery/how-jquery-works/

首先要看的是action="/Modules/SendForm" -这是重定向的。如果您不想重定向，请将此设置为窗体所在页面的名称。显然有很多形式和重定向(和其他一些js代码可能会影响这一点，尽管如此，我们没有看到函数setupAjaxForm应该在这里做什么)，但这确实是检查/得到正确的第一件事。

编辑:我想我现在更了解了:基本上，如果你没有访问/Modules/SendForm页面(其中最有可能，其中包括表单验证，重定向也发生，那么你不能做太多改变重定向。

相关文章：