Question

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

但是，我对有关更好的脚本或jquery插件的建议持开放态度。这是第一天使用bootstrap和jquery的第3天。目标是有一个简单的联系表单，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插件集成。

有什么建议吗？

Captcha验证 - Bootstrap模板＆amp; jQuery Ajax Webform

0 个答案: