javascript - 提交前验证验证码

Question

我使用 captcha 进行表单注册，其中我有 validation engine用于表单内联验证。我一直在验证captcha 的公平性。

<p class="veriText">
    <label>Enter the Verification Text </label> <span style="color:red;">*</span>
    <input class="validate[required] text-input" type="text" name="captcha" id="captcha" class="text" value="" />                   
</p>
<img src="<?= get_bloginfo('template_url'); ?>/captcha_code_file.php?rand=<?php echo rand();?>" id='captchaimg'><br/>

PHP 验证:(完美运行)

if(strcasecmp($_SESSION['code'], $_POST['captcha']) != 0){
  //----mismatch values
}

但是我在js中尝试过同样的事情

var session = <?php echo $_SESSION['code'] ?>;  // this value is different 
                                                // from captcha image

在 Javascript/jQuery 中提交表单之前是否可以验证验证码？

Answer 1

假设行var session = <?php echo $_SESSION['code'] ?>;在您的 html 页面中。

生成页面时，不会调用验证码图像脚本，因此 $_SESSION['code']未初始化。您得到的值是 code从之前的请求到 captcha_code_file.php .一旦你的页面被加载(至少是 html 部分)并且浏览器决定调用 captcha_code_file.php你的验证码图像被调用，一个新的 $_SESSION['code']已创建。

我不推荐这个，但是如果你想得到当前的 $_SESSION['code']尝试使用 Ajax 请求来检索新的 $_SESSION['code']来自另一个 php 文件(不要调用 captcha_code_file.php 否则您的 session 将再次重置。

注意:切勿尝试在用户端验证您的验证码。你正在破坏验证码的主要目的。