在下面的输入框中验证表单,并使用SMTP代码发送邮件,但页面获得刷新



我正在尝试使用SMTP服务器发送邮件,但在下面没有需要帮助是我的表格

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
    <form action="" id="formid" method="post" class="indexform">
    <div class="row">
        <div class="col-sm-6">
            <div class="form-group">
                <input type="text" class="form-control" name="f_name" placeholder="Name" required="">
            </div>
        </div>
        <div class="col-sm-6">
            <div class="form-group">
                <input type="email" class="form-control" name="email" placeholder="Email" required="">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6">
            <div class="form-group">
                <input type="text" class="form-control" name="m_number" placeholder="Contact Number" required="">
            </div>
        </div>
        <div class="col-sm-6">
            <div class="form-group">
                <input type="text" class="form-control" name="organization" placeholder="Organization" required="">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6">
            <div class="form-group">
                <input type="text" class="form-control" name="designation" placeholder="Designation" required="">
            </div>
        </div>
        <div class="col-sm-6">
            <div class="form-group">
                <input type="text" class="form-control" name="tech" placeholder="Technologies" required="">
            </div>
        </div>
    </div>
    <div class="form-group">
        <textarea class="form-control" name="requirement" rows="8" placeholder="Describe your Training Requirement Here"></textarea>
    </div>
    <div class="">
        <input type="submit" value="Submit" class="btn btn-primary">
        <input type="reset" value="Reset" class="btn btn-primary">
    </div>
</form>

我想在下面显示验证消息并验证每个字段,然后在单击"提交"按钮时发送邮件。

为了验证表单,您可以使用 jQuery验证插件

jQuery验证的教程

它提供了有关如何在服务器端实现验证的知识。希望它有帮助!

最新更新