如何使用网络API实施与我们联系表格以进行免费测试

Question

我正在向公司网站添加用于与我们联系表格的功能，我经理的要求是设计和开发与我们联系的表格，以便该网站不涉及我们这方面的任何后端部分，而涉及后端由第三方服务或Web API处理。我不确定第三方服务和Web API之间的区别。对此，我们将提供任何帮助。

以下是我为“与我们联系”表单编写的html代码。除此之外，我还必须验证表单，以使用户不会输入任何错误。此外，我的经理还希望获得强大的回扣。我是Web开发领域的新手。我想学习如何进行验证和网络API。

HTML Code
    <div class="container">
        <div class="subscribe-wrap">
            <!--Section heading-->
            <h2 class="section-title">Contact us</h2>
            <!--Section description-->
            <p class="section-description">Do you have any questions? Please do not hesitate to contact us directly.
                Our team will come back to you within a matter of hours to help you.</p>

            <form id="contact-form" name="contact-form">

                <div class="form-group">
                    <input type="text" id="name" name="name" class="form-control" placeholder="Name">
                </div>
                <div class="form-group">
                    <input type="text" id="email" name="email" class="form-control" placeholder="Email">
                </div>

                <div class="form-group">
                    <input type="text" id="subject" name="subject" class="form-control" placeholder="Subject">
                </div>
                <div class="form-group">
                    <textarea type="text" id="message" name="message" class="form-control" rows="3">  </textarea>
                </div>

            </form>
            <div class="">
                <a class="obri-btn"  onclick="validateForm()"  style="color: white;">Send</a>
            </div>
            <div class="status alert alert-primary" role="alert" id="status"
                 style="display: none; margin-top: 20px;">

            </div>
        </div>
    </div>

我希望按“提交”按钮时，表格会转到公司的电子邮件中。另外，在代码中也没有显示我们公司的电子邮件，以避免垃圾邮件。此外，该页面不会重定向到其他页面，而是在同一页面中显示一条消息，感谢您发送表单。