Javascript 表格提交后的通知
我有一个表单,可以将字段输入网站。但我想在我的表格提交后发送一封单独的电子邮件,通知客户潜在客户已提交 此表单收集客户信息,并发送到存储所有客户信息的网站。表格的那部分工作得很好。我需要创建一个单独的操作或触发器,向电子邮件发送通知,提醒我的客户应用程序已填充。我尝试过的所有方法要么提交表单而不发送电子邮件,要么发送电子邮件而不提交信息。我已更改代码中的信息,以确保客户的机密性Javascript 表格提交后的通知,javascript,php,html,css,ajax,Javascript,Php,Html,Css,Ajax,我有一个表单,可以将字段输入网站。但我想在我的表格提交后发送一封单独的电子邮件,通知客户潜在客户已提交 此表单收集客户信息,并发送到存储所有客户信息的网站。表格的那部分工作得很好。我需要创建一个单独的操作或触发器,向电子邮件发送通知,提醒我的客户应用程序已填充。我尝试过的所有方法要么提交表单而不发送电子邮件,要么发送电子邮件而不提交信息。我已更改代码中的信息,以确保客户的机密性 <form action="This is the domain that submits to the web
<form action="This is the domain that submits to the website but for client confidentiality i cannot display" method="POST" >
<input type=hidden name="oid" value="00D1U000001ANuJ">
<input type=hidden name="retURL" value="/pages/wholesale-application-thank-you">
<label for="first_name">First Name</label><input id="first_name" maxlength="40" name="first_name" size="20" type="text" class="input-full" placeholder="First Name"/><br>
<label for="last_name" >Last Name</label><input id="last_name" maxlength="80" name="last_name" size="20" type="text" class="input-full" placeholder="Last Name"/><br>
<label for="title" >Title</label><input id="title" maxlength="40" name="title" size="20" type="text" class="input-full" placeholder="Title"/><br>
<label for="company" >Company</label><input id="company" maxlength="40" name="company" size="20" type="text" class="input-full" placeholder="Company"/><br>
<label for="URL" >Website</label><input id="URL" maxlength="80" name="URL" size="20" type="text" class="input-full" placeholder="Website"/><br>
<label for="email" >Email</label><input id="email" maxlength="80" name="email" size="20" type="text" class="input-full" placeholder="Email"/><br>
<label for="street" >Street</label><textarea name="street" class="input-full" placeholder="Street"></textarea><br>
<label for="city" >City</label><input id="city" maxlength="40" name="city" size="20" type="text" class="input-full" placeholder="City"/><br>
<label for="zip" >Zip</label><input id="zip" maxlength="20" name="zip" size="20" type="text" class="input-full" placeholder="Zip"/><br>
<label for="state" >State/Province</label><input id="state" maxlength="20" name="state" size="20" type="text" class="input-full" placeholder="State/Province"/><br>
<label for="lead_source" >Lead Source</label><select id="lead_source" name="lead_source" class="input-full"><option value="">--None--</option><option value="Events">Events</option>
<option value="Facebook">Facebook</option>
<option value="Google">Google</option>
<option value="Instagram">Instagram</option>
<option value="Retailer">Retailer</option>
<option value="Social Media">Social Media</option>
<option value="Third Party Site">Third Party Site</option>
<option value="Trade Publication">Trade Publication</option>
<option value="Trade Shows">Trade Shows</option>
<option value="Twitter">Twitter</option>
<option value="YouTube">YouTube</option>
</select><br>
<input type="submit" name="submit" >
</form>
名字
姓氏
标题
公司
网站
电子邮件
街道
城市
拉链
州/省
Lead Source--无--事件
脸谱网
谷歌
一款图片分享应用
零售商
社会化媒体
第三方网站
商业出版物
贸易展览会
啁啾
YouTube
您是否尝试将submit
事件侦听器添加到表单中?大致如下:
document.addEventListener('submit', (event) => {
event.preventDefault();
if (event.target.id === 'form-id') { // you'll need to give your form an id
// do something like send an email
};
};
向我们展示实际工作的部分。。。无论您是通过ajax还是老式方式提交,问题仍然在于服务器端。谢谢。我不知道我是否正确执行了这个命令。`document.addEventListener('submit',(event)=>{event.preventDefault();if(event.target.id=='formid'){$.post(ajaxurl,{});};};`对不起,我恐怕对PHP没有多大帮助