FormSubmit.co 如果提供的电子邮件地址无效或绕过电子邮件验证，则重定向回联系表单

Question

如果有人在此处填写我们的联系表：https://www.va.gov/homeless/landlords.asp，但输入了错误的电子邮件地址格式，页面会将用户重定向到 www.va.gov，而不是返回联系我们表格https://www.va.gov/homeless/landlords.asp。有没有办法更改此设置以重定向回联系表单页面或绕过无效的电子邮件验证？ 以下是我当前的表单代码：

<header>
<h3 id="contact-us" style="text-align: left;">Contact Us</h3>
</header>
<div style="text-align: center;" id="multipart/form-data"><form action="https://formsubmit.co/[email protected]" method="POST"><input name="_captcha" type="hidden" value="false" /> <input name="_subject" type="hidden" value="New landlord submission!" /> <input name="_next" type="hidden" value="https://www.va.gov/homeless/landlord_thank_you_page.asp" />
<div style="text-align: left;" class="formgroup" id="name-form"><label for="name">Your Name*</label></div>
<div style="text-align: left;"><textarea id="name" cols="80" name="name" required="" rows="1.5"></textarea></div>
<div style="text-align: left;" class="formgroup" id="email-form"><label for="email">Your E-mail*</label></div>
<div style="text-align: left;"><textarea id="email" cols="80" name="email" required="" rows="1.5" placeholder="[email protected]"></textarea></div>
<div style="text-align: left;" class="formgroup" id="number-form"><label for="phone">Phone Number</label></div>
<div style="text-align: left;"><textarea id="phone" cols="80" name="phone" rows="1.5"></textarea></div>
<div style="text-align: left;" class="formgroup" id="website-form"><label for="website">Website</label></div>
<div style="text-align: left;"><textarea id="website" cols="80" name="website" rows="1.5"></textarea></div>
<div style="text-align: left;" class="formgroup" id="location-form"><label for="location">Location (City and State)*</label></div>
<div style="text-align: left;"><textarea id="location" cols="80" name="location" required="" rows="1.5"></textarea></div>
<div style="text-align: left;" class="formgroup" id="description-form"><label for="description">Description of Housing Available</label></div>
<div style="text-align: left;"><textarea id="description" cols="80" name="description" rows="5"></textarea></div>
<div style="text-align: left;" class="formgroup" id="requested-information-form"><label for="requested-information-form">Information Requested</label></div>
<div style="text-align: left;"><textarea id="requested-information-form" cols="80" name="requested-information-form" rows="5"></textarea></div>
<div style="text-align: left;" class="container"><a><button class="btn btn-primary btn-lg">Submit</button></a></div>
</form></div>
</div>
</div>

Answer 1

您发送了 HTML 代码，所以我假设您指的是前端验证。我建议使用

type="email"

进行输入，这样如果电子邮件格式无效，这将显示信息：

<header>
    <h3 id="contact-us" style="text-align: left;">Contact Us</h3>
</header>
<div style="text-align: center;" id="multipart/form-data"><form action="https://formsubmit.co/[email protected]" method="POST"><input name="_captcha" type="hidden" value="false" /> <input name="_subject" type="hidden" value="New landlord submission!" /> <input name="_next" type="hidden" value="https://www.va.gov/homeless/landlord_thank_you_page.asp" />
    <div style="text-align: left;" class="formgroup" id="name-form"><label for="name">Your Name*</label></div>
    <div style="text-align: left;"><textarea id="name" cols="80" name="name" required="" rows="1.5"></textarea></div>
    <div style="text-align: left;" class="formgroup" id="email-form"><label for="email">Your E-mail*</label></div>
    <div style="text-align: left;"><input type="email" id="email" name="email" required="" placeholder="[email protected]"></div>
    <div style="text-align: left;" class="formgroup" id="number-form"><label for="phone">Phone Number</label></div>
    <div style="text-align: left;"><textarea id="phone" cols="80" name="phone" rows="1.5"></input></div>
    <div style="text-align: left;" class="formgroup" id="website-form"><label for="website">Website</label></div>
    <div style="text-align: left;"><textarea id="website" cols="80" name="website" rows="1.5"></textarea></div>
    <div style="text-align: left;" class="formgroup" id="location-form"><label for="location">Location (City and State)*</label></div>
    <div style="text-align: left;"><textarea id="location" cols="80" name="location" required="" rows="1.5"></textarea></div>
    <div style="text-align: left;" class="formgroup" id="description-form"><label for="description">Description of Housing Available</label></div>
    <div style="text-align: left;"><textarea id="description" cols="80" name="description" rows="5"></textarea></div>
    <div style="text-align: left;" class="formgroup" id="requested-information-form"><label for="requested-information-form">Information Requested</label></div>
    <div style="text-align: left;"><textarea id="requested-information-form" cols="80" name="requested-information-form" rows="5"></textarea></div>
    <div style="text-align: left;" class="container"><a><button class="btn btn-primary btn-lg">Submit</button></a></div>
</form></div>
</div>
</div>

如果您指的是后端验证，则取决于后端语言。

Answer 2

您找到解决方案了吗？我目前遇到了同样的问题，虽然 type=email 确实有一点帮助，但每个网站上检查的条件都不同，所以有时您仍然可以进入表单提交重定向页面。