PHP / AJAX / Jquery 评论表单验证

Question

我正在创建一个基于 jquery 验证插件 (http://docs.jquery.com/Plugins/Validation) 的评论表单。我知道 javascript 很容易被黑客操纵，所以我想知道如何通过 php 进行验证以确保评论表单不会产生大量垃圾邮件？

js 直接来自验证插件。 html 表单直接来自 JS 验证插件页面。附加的js如下：

  <script>
  $(document).ready(function(){
  $("#commentForm").submit(function(){
    if($("#commentForm").validate()){
        $.ajax({
            type: 'POST',
            url: 'process.php',
            data: $(this).serialize(),
            success: function(returnedData){
                alert(returnedData);
            }
        });
    }
    return false;
});
});
  </script>

<form class="cmxform" id="commentForm" method="POST" action="process.php">
   <label for="cname">Name</label>
   <input id="cname" name="name" size="25" class="required" minlength="2" />
   <label for="cemail">E-Mail</label>
   <input id="cemail" name="email" size="25"  class="required email" />
   <label for="curl">URL</label>
   <input id="curl" name="url" size="25"  class="url" value="" />
   <label for="ccomment">Your comment</label>
   <textarea id="ccomment" name="comment" cols="22"  class="required"></textarea>
<input class="submit" type="submit" value="Submit"/>

php 目前是相当标准的。不知道如何将验证与 js 和 ajax 集成：

<?php

$to      = 'sdfsadfssfasd@gmail.com';
$subject = 'the subject';
$message = 'hello';
$headers = 'From: webmaster@example.com';

mail($to, $subject, $message, $headers);

print "Form submitted successfully: <br>Your name is <b>".$_POST['cname']."</b> and your email is <b>".$_POST['email']."</b><br>";
?>

感谢您的帮助。有人评论说这是模糊的。澄清一下：

我了解如何使用 php 来验证电子邮件长度、不必要的字符等。我不了解 jquery 验证插件如何通过 ajax 工作。我需要知道如何配置我的 php 条件以正确验证评论表单以防止垃圾邮件。

Answer 1

好的，您执行此操作的方式非常简单。 所以你有一个提交函数，但是在你真正向 .php 文件发送请求之前，你需要验证输入。到目前为止，您的代码非常合理，但您需要从 validate 函数开始。这可能看起来像这样（在 jQuery 中）。假设您的输入字段具有以下 id：#input1,#input2,#input3,#input4。

    function validate()
{
    if($('#input1).val()=='' || $('#input2).val()==''|| $('#input3).val()=='' $('#input4).val()=='') return 0;
    else return 1;

}

这将是使用验证的最基本方法。如果您不想要 jQuery，可以将 $('#input1) 替换为 docoument.getElementById（老式方式）。如果您还想让它对用户来说看起来不错，您可以在模糊上验证每个输入字段！ 例如，假设用户关注第一个输入字段，#input1

$('#input1).focus(function(){change the background color,add a border, or anything you want just to let the users see which input they clicked/tabbed on.}).blur(function(){check if the input is valid and if it's not display a message or anything you want.});