jQuery Validation Engine验证控件调用外部函数验证的方法

jQuery Validation Engine 是一个强大的表单验证插件,可以非常简单地验证表单的合法性。它不但支持多种验证规则,并且还允许我们为每个表单元素应用多个验证规则。

需要调用外部函数进行验证时,可以使用以下方法:

  1. 自定义验证规则方法validate[funcName]。
    我们可以定义一个函数名为funcName的方法,方法接受两个参数:field(当前要验证的表单元素)和 rules(验证规则)。我们在该方法中进行验证,并返回true或false,true表示通过验证,false表示不通过验证。

示例一:

```




jQuery Validation Engine













```

在上述代码中,我们定义了一个名为funcName的方法,在函数体中,我们使用正则表达式判断表单元素的值是否为邮箱格式。如果是邮箱格式,则返回true,否则返回false。

  1. 在验证规则中使用params属性。
    可以在验证规则中使用“params:{funcName:true}”来调用外部自定义函数进行验证。我们需要在定义规则时,将funcName传递到params中,然后在自定义验证规则方法中获取params参数,并进行验证。如果验证通过返回true,否则返回false。

示例二:

```




jQuery Validation Engine















```

在上述代码中,我们定义了一个名为funcCheck的方法,在函数体中,我们使用正则表达式判断表单元素的值是否为手机号格式。如果是手机号格式,则返回true,否则返回false。在表单中,我们使用了required和funcCheck两种验证规则。在自定义验证规则中,我们将funcCheck传递到params中,并设置funcCheck为true。在调用验证方法中,我们通过custom_error_messages属性为funcCheck规则设置了自定义错误消息,将funcCheck规则加入到了custom_validators中,并设置自定义验证失败的提示消息。

总之,使用jQuery Validation Engine进行表单验证时,如果需要调用外部函数进行验证,可以采用上述两种方法。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jQuery Validation Engine验证控件调用外部函数验证的方法 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • 【经验总结】编写JavaScript代码时应遵循的14条规律

    当编写 JavaScript 代码时,有一些规律需要遵循,以确保代码质量和可维护性。下面是一份包含14条规律的经验总结: 1. 使用常量 使用常量能使你的代码更具有可维护性。在需要多次用到的常量中,建议通过 const 关键字声明一个不可更改的变量,可以减少错误、提高代码阅读性。 示例: const MIN_AGE = 18; const MAX_AGE =…

    jquery 2023年5月27日
    00
  • 用jQuery中的ajax分页实现代码

    下面是关于使用 jQuery 中的 ajax 分页实现的完整攻略。 主要思路 jQuery 中的 ajax 分页实现其实是通过 ajax 请求获取分页数据,然后将获取到的数据动态插入到页面当中,从而达到了分页的效果。 在实现过程中,我们首先要进行的是对分页数据进行获取。获取到数据以后,我们需要进行一些处理,比如拼接数据、渲染数据等,并将其实现在前端页面上。 …

    jquery 2023年5月28日
    00
  • jQuery选择器之层次选择器用法实例分析

    让我来为你详细讲解“jQuery选择器之层次选择器用法实例分析”的完整攻略。 一、什么是层次选择器? 层次选择器是指用于选择指定元素下的子元素或后代元素的选择器,包括后代选择器、子元素选择器和相邻兄弟选择器。 二、后代选择器 后代选择器用于选择某个元素下的所有后代元素。后代选择器使用空格表示。 例如,下面的代码会选择所有 class 为 “inner” 的 …

    jquery 2023年5月28日
    00
  • javascript面向对象三大特征之多态实例详解

    JavaScript面向对象三大特征之多态实例详解 在JavaScript中,面向对象编程的三大特征分别是:封装、继承、多态。其中多态是比较难以理解的一个概念,但它却是面向对象编程中非常重要的特性之一。多态可以使代码更加灵活、可扩展性更强。 多态定义 多态是指对象根据所处的上下文环境而表现出不同的行为。形象地说,就是同一个事物在不同场合下有着不同的表现形式。…

    jquery 2023年5月27日
    00
  • jQuery UI的resizable helper选项

    以下是关于 jQuery UI Resizable helper 选项的详细攻略: jQuery UI Resizable helper 选项 jQuery UI Resizable helper 选项用于设置 resizable 功能的 helper 元素。helper 元素是 resizable 功能的一个副本,用于在用户调整大小时提供视觉反馈。该选项可…

    jquery 2023年5月11日
    00
  • jQWidgets jqxGrid unselectrow()方法

    jQWidgets jqxGrid unselectrow()方法 jQWidgets jqxGrid 是一种表格控件,用于在 Web 应用程序中创建表格。unselectrow() 方法是 jqxGrid 控件的一个方法,用于取消选择行。本文将详细讲解 unselectrow() 方法的使用方法,并提供两个示例。 方法 unselectrow() 方法于选…

    jquery 2023年5月10日
    00
  • jQuery UI Tooltip类选项

    jQuery UI Tooltip类选项攻略 jQuery UI的Tooltip组件是一个强大的JavaScript库,它提供了许多选项和功能,以便在鼠标悬停在元素上时显示提示信息。以下是详细攻略,含两个示例,演示如何使用Tooltip类选项: 步骤1:引入库 在使用之前,需要先在中引入jQuery库和jQuery UI库。可以通过以下方式引入: <l…

    jquery 2023年5月9日
    00
  • jQWidgets jqxTreeGrid showSubAggregates属性

    以下是关于 jQWidgets jqxTreeGrid 组件中 showSubAggregates 属性的详细攻略。 jQWidgets jqxTreeGrid showSubAggregates 属性 jQWidgets jqxTreeGrid 的 showSubAggregates 属性用于控制是否显示子级别的汇总信息。子级别汇总信息是指在树形结构中,每…

    jquery 2023年5月12日
    00
合作推广
合作推广
分享本页
返回顶部