需要帮助:使用 HTML/PHP 代码获取 Bootstrap 电子邮件联系表
Need help: getting a Bootstrap email contact form to work from HTML/PHP code
我正在建立一个博客并有一个联系表单页面(标准 bootstrap 博客模板)
我已将所有内容上传到我的主机 - hostgator,但我无法获取联系表格以正确发送电子邮件。
我尝试了外部电子邮件帐户和同一域名上的帐户,但都没有成功。
这是来自 bootstrap 的联系人页面的原始 html 来源:https://github.com/IronSummitMedia/startbootstrap-clean-blog/blob/gh-pages/contact.html
和 contact_me.php 的原始来源:https://github.com/IronSummitMedia/startbootstrap-clean-blog/blob/gh-pages/mail/contact_me.php
是否有我需要从 hostgator cpanel 或我遗漏的代码中更改的设置?
编辑:如果您想查看我已有的源代码,这是我的域:
www.decentralizeblog.com
这可能不是您代码的问题,您检查过您的hostgator 计划是否支持php mail()
功能吗?有些计划(我从经验中知道)禁用了此功能以鼓励您升级。
希望对您有所帮助。
我对表格做了一些改动
您没有在表单中使用某些属性
link 方法、操作 和名称 文本字段中的属性
<form name="sentMessage" id="contactForm" action="mailer.php" method="post" novalidate>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Name</label>
<input type="text" name="name" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Email Address</label>
<input type="email" name="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Phone Number</label>
<input type="tel" name="phone" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Message</label>
<textarea rows="5" name="message" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<br>
<div id="success"></div>
<div class="row">
<div class="form-group col-xs-12">
<button type="submit" class="btn btn-default">Send</button>
</div>
</div>
</form>
我正在建立一个博客并有一个联系表单页面(标准 bootstrap 博客模板)
我已将所有内容上传到我的主机 - hostgator,但我无法获取联系表格以正确发送电子邮件。
我尝试了外部电子邮件帐户和同一域名上的帐户,但都没有成功。
这是来自 bootstrap 的联系人页面的原始 html 来源:https://github.com/IronSummitMedia/startbootstrap-clean-blog/blob/gh-pages/contact.html
和 contact_me.php 的原始来源:https://github.com/IronSummitMedia/startbootstrap-clean-blog/blob/gh-pages/mail/contact_me.php
是否有我需要从 hostgator cpanel 或我遗漏的代码中更改的设置?
编辑:如果您想查看我已有的源代码,这是我的域: www.decentralizeblog.com
这可能不是您代码的问题,您检查过您的hostgator 计划是否支持php mail()
功能吗?有些计划(我从经验中知道)禁用了此功能以鼓励您升级。
希望对您有所帮助。
我对表格做了一些改动
您没有在表单中使用某些属性
link 方法、操作 和名称 文本字段中的属性
<form name="sentMessage" id="contactForm" action="mailer.php" method="post" novalidate>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Name</label>
<input type="text" name="name" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Email Address</label>
<input type="email" name="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Phone Number</label>
<input type="tel" name="phone" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Message</label>
<textarea rows="5" name="message" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<br>
<div id="success"></div>
<div class="row">
<div class="form-group col-xs-12">
<button type="submit" class="btn btn-default">Send</button>
</div>
</div>
</form>