Question

我有一个Gravity Forms表单配置，其中包含一个输入字段供用户输入值。目前它只是一个单行文本字段。我需要在这个领域进行验证 - 最好是通过Ajax离开现场。

我正在编写一个使用GFAPI和gform_after_submission来处理提交数据的插件。

Gravity Forms是否通过Ajax为验证提供操作/挂钩？

基本上，我正在寻找一种方法来验证用户在前端输入的ID。如果ID符合某些条件（包括数据库查找），那么我在Ajax响应中返回true或false。

我看到了gform_field_validation，但我认为这适用于提交整个表单的时候。我需要在通过Ajax离开/进入字段等时执行验证。

如何使用重力形式实现这一目标？

Answer 1

据我所知，重力表格不提供客户端验证：

请参阅此文章：https://www.parorrey.com/blog/front-end-development/wordpress-gravity-forms-validation-on-client-side-using-jquery/

根据您的具体情况，我建议如下：

在您的javascript文件中：

(function($){
$.validator.addMethod("validateID", function(value, element) {
   //do your db lookup here and run the necessary checks
   return value === "stackoverflow";
 }, "Please enter in a valid ID");

 $("form").validate({
  rules:{
    customer_id: {
    validateID: true
    }
  }
 });

 $("form").on('submit',function(){
 return false;
 });
})(jQuery)

JsFiddle Link：

https://jsfiddle.net/craigiswayne/xpvt214o/214343/

重力表格

1 个答案: