将验证码验证添加到我的自定义表单以用于前端发布

时间:2013-02-02 作者:M P

我已经实现了前端表单,它允许未注册的用户在我的网站上发布。

一切都很完美,我唯一的问题是验证码的实现。

我发现的所有验证码解决方案都需要在表单操作中放置一些外部文件。但我的表单有以下语法:

<form action=""> 
我不知道该怎么办?如果我把文件放在操作字段中,我就不能再添加帖子了。如何将验证码与表单放在同一个文件中?还是有更好的解决方案?

编辑:我如何修改表单,它将执行与现在相同的操作(添加帖子),但我可以在表单操作中包含一些文件:

<form action="some.php">

2 个回复
SO网友:david.binda
SO网友:Ralf912

使用jQuery,首先将表单内容(这里是验证码)发送到您的文件中,在该文件中检查验证码。然后将表单数据发送到您的过帐例程。

$( \'#frontend-post-form-submit\' ).click(
  function(event) {
    var data = { ... insert the captcha from the form here ... };
    $.post(
      \'some_file.php\',
      data,
      function( result ) {
        // stop if the captcha isn\'t correct
        if ( false === result.result ) {
          event.preventDefault();
        }

        return result.result;
       }
     );
  }
);
如果您的提交按钮具有idfrontend-post-form-submit 如果验证码不正确,jQuery将停止发送表单(event.preventDefault). 否则将正常提交表格。

结束

相关推荐

在JavaScript中枚举快捷码属性

我正在开发一个插件,它使用一个短代码来调用JQuery函数,需要三个方面才能工作:JQuery代码+它自己的代码将包含在它将用于的页面上。它将处理的HTML元素需要一个“id”属性,以便在$(document).ready(function()) block我已经实现了1和2;1通过使用wp_register_script 如果出现短代码,wp_print_scripts 打印;2通过将“id”作为我的短代码的属性,它也会返回,例如。[myshortcode id=\"foo\"] 退货id=\"foo\