Javascript Coldfusion发送电子邮件_Javascript_Coldfusion

Javascript Coldfusion发送电子邮件

javascript coldfusion

Javascript Coldfusion发送电子邮件,javascript,coldfusion,Javascript,Coldfusion,我有检查表单的功能，如果表单正常，它将打开一个模式，通知用户已经发送了请求（通过电子邮件）。然而，一旦提交了表格，我就很难发送电子邮件当用户提交按钮时，将出现以下模式：  <div id="myModal" class="modal">  <div class="modal-content&q

我有检查表单的功能，如果表单正常，它将打开一个模式，通知用户已经发送了请求（通过电子邮件）。然而，一旦提交了表格，我就很难发送电子邮件

当用户提交按钮时，将出现以下模式：

<!-- The Modal -->
    <div id="myModal" class="modal">
      <!-- Modal content -->
      <div class="modal-content">
        <span class="close">&times;</span>
        <h3 style="text-align:center; font-family:Verdana, Tahoma, Helvetica, sans-serif; font-size:24px;">Request Sent</h3>
        <p style="text-align:center; font-family:Verdana, Tahoma, Helvetica, sans-serif; font-size:16px; margin-top:28px">For another request, please click <a id="marketingHome" href="marketing.cfm">here</a></p>
      </div>
    </div>

下面的coldfusion代码是我发送电子邮件的地方。我遇到的问题是在表单经过验证并准备好发送时调用下面的coldfusion代码。任何帮助都将不胜感激

<CFIF isdefined("form.requestername")>
            <cfset #requestername# = '#form.requestername#'>
        <cfelse>
            <cfset #requestername# = ''>
        </CFIF>

        <CFIF isdefined("form.email")>
            <cfset #email# = '#form.email#'>
        <cfelse>
            <cfset #email# = ''>
        </CFIF>

        <CFIF isdefined("form.phone")>
            <cfset #phone# = '#form.phone#'>
        <cfelse>
            <cfset #phone# = ''>
        </CFIF>

        <CFIF isdefined("form.managername")>
            <cfset #managername# = '#form.managername#'>
        <cfelse>
            <cfset #managername# = ''>
        </CFIF>

        <CFIF isdefined("form.department")>
            <cfset #department# = '#form.department#'>
        <cfelse>
            <cfset #department# = ''>
        </CFIF>

        <CFIF isdefined("form.requested_due_date")>
            <cfset #requested_due_date# = '#form.requested_due_date#'>
        <cfelse>
            <cfset #requested_due_date# = ''>
        </CFIF>

        <CFIF isdefined("form.options")>
            <cfset #selected_options# = '#form.options#'>
        <cfelse>
            <cfset #selected_options# = ''>
        </CFIF>

        <CFIF isdefined("form.detailed_description")>
            <cfset #detailed_description# = '#form.detailed_description#'>
        <cfelse>
            <cfset #detailed_description# = ''>
        </CFIF>
        
        <!--- Added "#MailFromName#, which displays User Name and CC to CC the Manager. Also the failto. --->
        <cfmail from="#mailfrom# (#MailFromName#)" to="#SendTo#" cc="#cc#" subject="MARCOM Form" server="server" port="theport#" type="html" failto="touser">
            <html>
                <head>
                    <style>
                        ##customers {
                            font-family: Arial, Helvetica, sans-serif;
                            border-collapse: collapse;
                            width: 100%;
                        }

                        ##customers td, ##customers th {
                            border: 1px solid ##ddd;
                            padding: 8px;
                        }

                        ##customers tr:nth-child(even){background-color: ##f2f2f2;}

                        ##customers th {
                            padding-top: 12px;
                            padding-bottom: 12px;
                            text-align: left;
                            background-color: ##6297BC;
                            color: white;
                        }
                    </style>
                </head>
                <body>
                    <cfoutput>
                        <table id="customers" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <th style="text-align:center" colspan="2">Marketing and Communications Job Request Form</th>
                            </tr>
                            <tr>
                                <td style="width:50% !important">Requestor Name:</td>
                                <td>#requestername#</td>
                            </tr>
                            <tr>
                                <td>E-mail Address:</td>
                                <td>#email#</td>
                            </tr>
                            <tr>
                                <td>Phone:</td>
                                <td>#phone#</td>
                            </tr>
                            <tr>
                                <td>Manager Name:</td>
                                <td>#managername#</td>
                            </tr>
                            <tr>
                                <td>Department:</td>
                                <td>#department#</td>
                            </tr>
                            <tr>
                                <td>Requested Due Date:</td>
                                <td>#requested_due_date#</td>
                            </tr>
                            <tr>
                                <td>Project type:</td>
                                <td>#selected_options#</td>
                            </tr>
                            <tr>
                                <td style="vertical-align:top">Description of the requested job:</td>
                                <td>#detailed_description#</td>
                            </tr>
                        </table> 
                    </cfoutput>
                </body>
            </html>
    </cfif>


##顾客{
字体系列：Arial、Helvetica、无衬线字体；
边界塌陷：塌陷；
宽度：100%；
}
##客户td，##客户th{
边框：1px实心##ddd；
填充：8px；
}
##客户tr:n个孩子（偶数）{背景色：##F2F2F2F2；}
##顾客{
填充顶部：12px；
垫底：12px；
文本对齐：左对齐；
背景色：##6297BC；
颜色：白色；
}
市场推广及传讯工作申请表
请求者名称：
#请求者名称#
电子邮件地址：
#电子邮件#
电话：
#电话#
经理姓名：
#经理姓名#
部门：
#系#
申请截止日期：
#请求的到期日#
项目类型：
#选定的\u选项#
所请求作业的说明：
#详细描述#

这是否回答了您的问题@DanBracuk：我试图尝试的是，当用户提交表单时，它会通过电子邮件发送表单，并且会出现通知用户的模式（很快就会出现，这不是期望的结果）。我希望表单提交时不立即关闭模式，这样用户可以阅读模式的上下文并在完成后关闭模式。不使用模式会简单得多。相反，应该有一个ColdFusion页面来处理表单，向用户显示信息，也许还有其他内容的链接。我在我点食物或预订开球时间的网站上看到过这种方法。@DanBracuk：我同意，但是如果用户重新加载处理表单的页面，它会重新发送。不确定如何防止这种情况发生。@DanBracuk:我可以使用xmlhttprequest[发送电子邮件。但是，我不确定如何传递值

<CFIF isdefined("form.requestername")>
            <cfset #requestername# = '#form.requestername#'>
        <cfelse>
            <cfset #requestername# = ''>
        </CFIF>

        <CFIF isdefined("form.email")>
            <cfset #email# = '#form.email#'>
        <cfelse>
            <cfset #email# = ''>
        </CFIF>

        <CFIF isdefined("form.phone")>
            <cfset #phone# = '#form.phone#'>
        <cfelse>
            <cfset #phone# = ''>
        </CFIF>

        <CFIF isdefined("form.managername")>
            <cfset #managername# = '#form.managername#'>
        <cfelse>
            <cfset #managername# = ''>
        </CFIF>

        <CFIF isdefined("form.department")>
            <cfset #department# = '#form.department#'>
        <cfelse>
            <cfset #department# = ''>
        </CFIF>

        <CFIF isdefined("form.requested_due_date")>
            <cfset #requested_due_date# = '#form.requested_due_date#'>
        <cfelse>
            <cfset #requested_due_date# = ''>
        </CFIF>

        <CFIF isdefined("form.options")>
            <cfset #selected_options# = '#form.options#'>
        <cfelse>
            <cfset #selected_options# = ''>
        </CFIF>

        <CFIF isdefined("form.detailed_description")>
            <cfset #detailed_description# = '#form.detailed_description#'>
        <cfelse>
            <cfset #detailed_description# = ''>
        </CFIF>
        
        <!--- Added "#MailFromName#, which displays User Name and CC to CC the Manager. Also the failto. --->
        <cfmail from="#mailfrom# (#MailFromName#)" to="#SendTo#" cc="#cc#" subject="MARCOM Form" server="server" port="theport#" type="html" failto="touser">
            <html>
                <head>
                    <style>
                        ##customers {
                            font-family: Arial, Helvetica, sans-serif;
                            border-collapse: collapse;
                            width: 100%;
                        }

                        ##customers td, ##customers th {
                            border: 1px solid ##ddd;
                            padding: 8px;
                        }

                        ##customers tr:nth-child(even){background-color: ##f2f2f2;}

                        ##customers th {
                            padding-top: 12px;
                            padding-bottom: 12px;
                            text-align: left;
                            background-color: ##6297BC;
                            color: white;
                        }
                    </style>
                </head>
                <body>
                    <cfoutput>
                        <table id="customers" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <th style="text-align:center" colspan="2">Marketing and Communications Job Request Form</th>
                            </tr>
                            <tr>
                                <td style="width:50% !important">Requestor Name:</td>
                                <td>#requestername#</td>
                            </tr>
                            <tr>
                                <td>E-mail Address:</td>
                                <td>#email#</td>
                            </tr>
                            <tr>
                                <td>Phone:</td>
                                <td>#phone#</td>
                            </tr>
                            <tr>
                                <td>Manager Name:</td>
                                <td>#managername#</td>
                            </tr>
                            <tr>
                                <td>Department:</td>
                                <td>#department#</td>
                            </tr>
                            <tr>
                                <td>Requested Due Date:</td>
                                <td>#requested_due_date#</td>
                            </tr>
                            <tr>
                                <td>Project type:</td>
                                <td>#selected_options#</td>
                            </tr>
                            <tr>
                                <td style="vertical-align:top">Description of the requested job:</td>
                                <td>#detailed_description#</td>
                            </tr>
                        </table> 
                    </cfoutput>
                </body>
            </html>
    </cfif>