0

我的问题是：如何使用 ajax 表单脚本实现验证码验证我正在使用： http: //malsup.com/jquery/form/

但是，我愿意接受有关更好的脚本或 jquery 插件的建议。这是第 3 天，第一次使用 bootstrap 和 jquery。目标是有一个简单的联系表单，onSubmit 执行以下操作：验证字段和验证码，表单操作将数据发送到我自己的服务器上的 URL，vtiger 负责处理数据，然后完成一些花哨的 jQuery 转换，而重置自己。

问题：我可以做 ajax 花哨的重置东西或验证码验证，但不能两者兼而有之。对于 ajax 表单，我使用的是脚本： http: //malsup.com/jquery/form/我有以下函数来处理表单：

$('#myForm').ajaxForm(function() {
  $('#myForm').hide(300).delay(800).show(400); 
  $('#myForm').resetForm();
  $('#myModal').modal('toggle');
});

这还不是一个完美平滑的过渡，但我仍在努力。我想避免重新验证，因为我发现它们中的大多数完全不可读。我什至会满足于一些简单的数学，比如：

<?php
# Set both random numbers you want to add
$randomNum = rand(0,9);
$randomNum2 = rand(0,9);
# Get the total.
$randomNumTotal = $randomNum + $randomNum2;
?>

接着

<input type="text" name="captchaImage" size="6" value="<?php echo $randomNum; ?> + <?php echo $randomNum2; ?>" disabled="disabled" /><br />
<input type="text" name="math" id="math" size="6" maxlength="6" /> Please enter the correct result.

并使用一些 jquery 来验证。我试过实现 2 或 3 个不同的验证码脚本。问题是我不知道如何将任何验证码内容与我正在使用的 ajax jquery 插件集成。

有什么建议么？

4

0 回答 0