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日

相关文章

  • jQWidgets jqxKnob高度属性

    jQWidgets jqxKnob高度属性攻略 jQWidgets 是一个基于 jQuery 的 UI 组件库,提供了丰富的 UI 组件和工具,可于创建现代化 应用程序。 jqKnob旋钮,用于可视化调整数值。攻略将详细介绍 jqxKnob 的 height 属性,该属性用于设置旋钮的高度。 height 属性 jqxKnob 组件的 height 属性用于…

    jquery 2023年5月10日
    00
  • JQuery事件委托原理与用法实例分析

    以下是关于”JQuery事件委托原理与用法实例分析”的完整攻略。 什么是事件委托 事件委托是指将事件绑定在父元素上,而不是绑定在子元素上。点击子元素时,父元素会响应该事件,通过判断触发事件的子元素来执行具体的操作。利用事件委托可以帮助我们极大地减少代码量以及提高页面性能。 比如说,在一个列表中,有多个子元素,每个子元素都需要绑定一个事件,那么我们可以通过事件…

    jquery 2023年5月28日
    00
  • jQuery Mobile Listview refresh()方法

    jQuery Mobile是基于jQuery的一款用于构建移动应用的框架,其中的Listview组件用于进行列表展示。在实际开发中,我们可能需要动态地更改Listview的数据,这就需要用到Listview的refresh()方法。 1. refresh()方法的基本介绍 refresh()方法用于刷新Listview组件,重新渲染Listview并应用任何…

    jquery 2023年5月12日
    00
  • jQuery UI Tooltip widget()方法

    以下是关于 jQuery UI Tooltip widget() 方法的完整攻略: jQuery UI Tooltip widget() 方法 在 jQuery UI 中,可以使用 Tooltip widget() 方法来创建提示框。提示框可以在鼠标悬停在元素上时显示,以提供有关该元素的信息。 语法 $(selector).tooltip(); 示例一:基本…

    jquery 2023年5月11日
    00
  • jQWidgets jqxNotification open()方法

    以下是关于 jQWidgets jqxNotification 组件中 open() 方法的详细攻略。 jQWidgets jqxNotification open() 方法 jQWidgets jqxNotification 的 open() 方法用于打开通知组件。 语法 打开通知组件 $(‘#notification’).jqxNotification(…

    jquery 2023年5月12日
    00
  • jQuery before()方法

    jQuery的before()方法可以用来在指定元素之前插入新的内容或元素。下面是before()方法的完整攻略: 基础语法 $(selector).before(content); 参数说明: selector: 必需,用于选择需要插入到其前面的元素。 content: 在每个匹配的元素之前插入的内容/元素。可以是文本、HTML字符串、jQuery对象。 …

    jquery 2023年5月12日
    00
  • jQuery操作DOM之获取表单控件的值

    jQuery是一个优秀的JavaScript库,它提供了方便易用的DOM操作方法,可以极大地简化前端开发中的操作。在表单开发中,我们往往需要获取表单各个控件的值,这时候jQuery提供的方法就会非常有用。接下来,我将为大家讲解jQuery操作DOM获取表单控件的值的完整攻略。 获取单个表单控件的值 如果我们要获取单个表单控件的值,可以通过选择器选中对应的元素…

    jquery 2023年5月28日
    00
  • jQWidgets jqxFileUpload render()方法

    jQWidgets jqxFileUpload render() 方法 jQWidgets是一个基于jQuery的UI组件库,提供了丰富的UI组件和工具包括表格、日、下拉菜单等。jqxFileUpload是jQWidgets中的一个组件,用于实现文件上传功能。render()方法是jqxFileUpload中的一个方法,用于渲染组件。 render()方法的…

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