每天大约在同一时间我收到来自联系表单的空白电子邮件,有什么方法可以阻止这种情况吗?看起来机器人正在造成这个问题。
PHP:https://justpaste.it/wdaj(使用链接,因为它无法识别我的代码)
使用Javascript:
<script>$("form").submit(function(e) {
var ref = $(this).find("[required]");
$(ref).each(function(){
if ( $(this).val() == '' )
{
alert("U bent vergeten verplichte velden in te vullen.");
$(this).focus();
e.preventDefault();
return false;
}
}); return true;
}); </script>
HTML:`
<div class="messages"></div>
<div class="controls">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="form_name">Voornaam *</label>
<input id="offerte_name" type="text" name="naam" class="form-control" placeholder="Voer hier uw voornaam in *" required="required" data-error="Voer uw voornaam in.">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="form_lastname">Achternaam *</label>
<input id="offerte_lastname" type="text" name="achternaam" class="form-control" placeholder="Voer hier uw achternaam in *" required="required" data-error="Voer uw achternaam in.">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="form_email">E-mail *</label>
<input id="offerte_email" type="email" name="email" class="form-control" placeholder="Voer hier uw e-mail in *" required="required" data-error="Voer alstublieft een geldige e-mail adres in.">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="form_phone">Telefoonnummer</label>
<input id="offerte_phone" type="tel" name="telefoonnummer" class="form-control" placeholder="Voer hier uw telefoonnummer in">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="form_naam">Bedrijfsnaam</label>
<input id="offerte_naam" type="text" name="bedrijfsnaam" class="form-control" placeholder="Voer hier uw bedrijfsnaam in">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="form_message">Laat ons weten wat u allemaal wilt: *</label>
<textarea id="offerte_message" name="bericht" class="form-control" placeholder="Vul hier in wat u allemaal wilt en van ons verwacht *" rows="4" required data-error="Laat ons weten wat u allemaal wilt."></textarea>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-12">
<input type="submit" class="btn btn-success btn-send" value="Verzend uw bericht">
</div>
</div>
<div class="row">
<div class="col-md-12">
<p class="text-muted"><strong>*</strong> Deze velden moeten worden ingevuld</p>
</div>
</div>
</div>
`