`

formvalidator 文本框单独验证

 
阅读更多

jquery formValidator是在用户提交表单的时候将所有设置好的对象同时验证,有时候我们只需要验证一个。

比如给手机发验证码,我们单击“发送验证码”按钮时就要发送,而不是提交表单时发送。



 

当然,发送验证码和提交表单都需要验证手机号是否合法。代码如下:

                jQuery(function($){
                    $('#chk_mobile').click(function(){
                        $("#mobile").blur();
                        if( $.formValidator.isOneValid('mobile') ){
                            sendVerifyCode();
                        }
                        return false;
                    });

                    $("#mobile").formValidator({
                        onShow:"请填写手机号码",
                        onFocus:"请填写手机号码",
                        onCorrect:"正确",
                    }).inputValidator({
                        min:1,
                        leftEmpty:false,
                        rightEmpty:false,
                        onError:"请填写手机号"
                    }).regexValidator({
                        regExp:"mobile",
                        dataType:"enum",
                        onError:"手机号码错误,请重新填写!"
                    });
                });

 

说明:

“发送验证码”按钮的ID为chk_mobile,是一个提交按钮。

  • 大小: 4.6 KB
分享到:
评论

相关推荐

    formvalidator 表单验证插件汇总

    **formvalidator 表单验证插件汇总** 在Web开发中,表单验证是必不可少的一环,它确保用户输入的数据符合预设的规则,避免无效数据的提交,提高用户体验。`formvalidator`是一款强大的JavaScript表单验证插件,适用...

    通用表单验证formvalidator4.1.3 后端验证

    通用表单验证FormValidator4.1.3是一个用于后端数据验证的工具,它提供了丰富的验证规则和便捷的API,帮助开发者确保用户提交的数据符合预设的格式和要求。FormValidator通常与前端表单交互,确保在数据提交到服务器...

    formValidator4.0.1表单验证插件

    "formValidator4.0.1表单验证插件"是一个强大的工具,专为网页开发者设计,用于在jsp、HTML、PHP以及.NET等平台上的表单数据进行验证。它旨在提高用户体验,确保用户提交的数据符合预设的规则和格式,从而减少服务器...

    jQuery formValidator高级表单验证

    jQuery formValidator是一款强大的前端验证插件,它可以帮助开发者实现复杂的表单验证功能,轻松处理前端输入数据的状态判断。本文将深入探讨jQuery formValidator的核心概念、使用方法以及高级特性。 **jQuery ...

    jQuery formValidator3.3表单验证文档说明

    ### jQuery formValidator 3.3 表单验证插件详细解析 #### 一、概述 jQuery formValidator 3.3 是一款基于 jQuery 的强大表单验证插件,它旨在简化前端表单验证的过程,实现 JavaScript 脚本与 HTML 页面代码的...

    jQuery formValidator表单验证插件示例源码

    jQuery formValidator是一款强大的JavaScript表单验证插件,它基于jQuery库,用于在用户提交表单前验证输入数据的正确性和格式。这个插件提供了一系列灵活的验证规则和自定义选项,使得开发者能够轻松地实现复杂的...

    jQuery formValidator表单验证

    jQuery formValidator是一款基于jQuery库的高效、灵活的表单验证插件,旨在帮助开发者轻松实现对用户输入数据的实时验证,提高用户体验并确保数据的准确性和完整性。它提供了丰富的验证规则,可以覆盖大部分常见的...

    基于jquery框架,采用jQuery formValidator表单验证插件。

    基于jquery框架,采用jQuery formValidator表单验证插件。

    formvalidator 表单验证框架

    formvalidator 是一个强大的前端表单验证框架,专为开发者提供高效、灵活的表单数据验证解决方案。这个框架允许开发者在用户提交表单前检查输入的数据,确保数据的完整性和准确性,从而提高用户体验并减少服务器端的...

    基于formValidator表单验证代码

    **基于formValidator的表单验证技术** 在网页开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,防止错误数据的提交,提高用户体验并减少服务器端的处理压力。`formValidator`是一款强大的...

    jQuery formValidator表单验证插件

    **jQuery formValidator表单验证插件** jQuery formValidator是一款高效且功能丰富的JavaScript验证插件,专为基于jQuery的Web应用程序设计。它简化了表单验证的过程,提供了多种预定义的验证规则,以及自定义验证...

    jQuery formValidator表单验证插件实例(php)

    jQuery formValidator是一个强大的验证插件,它提供了丰富的验证规则和自定义功能,能够帮助开发者轻松实现前端验证。本文将深入探讨jQuery formValidator的使用方法、基本配置以及与PHP的集成。 ### 1. jQuery ...

    jQuery formValidator表单验证插件示例源码.rar

    jQuery formValidator是一款强大的JavaScript表单验证插件,它基于jQuery库构建,旨在简化网页表单的数据验证过程,提供用户友好的交互体验。该插件通过自定义规则和错误消息,可以轻松实现各种复杂的验证需求,使得...

    jQuery formValidator表单验证插件4.1.3提供下载

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...

    AJAX formValidator 输入验证

    AJAX FormValidator 是一个常用的客户端验证工具,它结合了AJAX技术,能够在不刷新整个页面的情况下进行实时验证,提高用户体验。本篇文章将深入探讨AJAX FormValidator 在ASP.NET中的应用以及相关知识点。 一、...

    jQuery formValidator4.0 表单验证插件更新日志.pdf

    jQuery formValidator 4.0 是一个用于前端表单验证的JavaScript插件,它极大地简化了对用户输入数据的检查和管理。此版本的更新主要集中在性能优化、问题修复和功能增强上。 首先,代码经过了精简,提升了验证速度...

    jquery formvalidator公共验证

    **jQuery FormValidator 公共验证框架详解** 在Web开发中,数据验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,从而提高应用程序的安全性和用户体验。jQuery FormValidator是一款强大的验证框架,它...

    formValidator.2.2.1验证框架

    有点问题呀,好像是不兼容ie。在火狐中运行的很正常!

    jQuery formValidator4.0 表单验证插件更新日志.docx

    jQuery formValidator 4.0 是一个用于前端表单验证的JavaScript插件,它提供了丰富的功能和自定义选项,帮助开发者轻松实现对用户输入数据的有效性检查。这个版本的更新主要集中在性能优化、功能增强以及错误修复上...

Global site tag (gtag.js) - Google Analytics