javascript - 蜜 jar 实现

Question

尝试从在线表单中过滤掉垃圾邮件。我有一个带有输入的隐藏 div。这个想法是，如果有东西进入该领域，表单会将用户标识为机器人并拒绝提交。在尝试实现此方法后，机器人仍然无法通过。我对 javascript(或垃圾邮件过滤，就此而言)不是很熟悉 - 这是我正在使用的内容:

html(在表单内):

<form action="#" method='post' id='vsurvey' name='defer'>
<div id="hp-div">
    If you see this, leave this form field blank 
    and invest in CSS support.
    <input type="text" name="question_20579" value="" />
</div>
<input type="submit" value="Submit Request" />
</form>

CSS:

#hp-div { display: none }

js:

<script type="text/javascript" charset="ISO-8859-1" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript" charset="ISO-8859-1" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>

<script type="text/javascript">
if(!String.IsNullOrEmpty(Request.Form["question_20579"]))
  IgnoreComment();
</script>

<![if !IE]>
    <script type="text/javascript"> 
        $(document).ready(function(){
            $("#vsurvey").validate({
                invalidHandler: function(form, validator) {
                    var errors = validator.numberOfInvalids();
                    if (errors) {
                        var message = errors == 1 
                            ? 'Oops! You missed 1 field. It has been highlighted' 
                            : 'Oops! You missed ' + errors + ' fields. They have been highlighted below';
                        $("div.alert span").html(message);
                        $("div.alert").show();
                    } else {
                        $("div.alert").hide();
                    }
                },
                errorPlacement: function(error, element) { 
                    return true; 
                }
            })
        }); 
    </script>
<![endif]>

Answer 1

在我看来，蜜 jar 应该包括以下所有内容:

• CSS隐藏的字段
• 被 JavaScript 隐藏的字段
• 需要空白输入的字段
• 需要特定输入的字段

例如:

<div class="input-field">
  Please leave this blank
  <input type="text" name="contact" value="" />
</div>
<div class="text-field">
  Please do not change this field
  <input type="text" name="email" value="your@email.com" />
</div>

使用 CSS，隐藏第一个字段:

.input-field { display: none; }

使用 jQuery，隐藏第二个字段:

$('.text-field').hide();
// or
$('.text-field').addClass('hide');

然后在 PHP 中进行一些非常简单的检查:

if($_POST['contact'] == '' && $_POST['email'] == 'your@email.com') {
  // Not a bot
}