jquery中validate通过JS来触发表单验证

jquery.validate.min.js是一个很强大的jquery表单验证功能,很多人误以为只有提交表单的时候,才可以触发验证。其实通过JS一样可以触发。代码如下:

    $("#myform").validate({
        ....
    })

    if ($("#myform").valid()) {
        ....
    }

$(#form).validate is not a function的问题

 页面中明明已经加了jquery.validate.min.js,但还是报$(#form).validate is not a function错误。

    根本原因在于jquery.js与jquery.validate.min.js的顺序问题,比如先加载jquery.js,再加载jquery.validate.min.js。

    不过,最容易让人疏忽的是,上面两个加载顺序都对的,但在后面的代码中又重新加载了一遍jquery.js,这种情况下,还是会报上面的错误。

    如果你有写自己的validate.js文件,则应该在上面两个JS后面再进行加载。

时间: 2025-01-27 15:59:38

jquery中validate通过JS来触发表单验证的相关文章

jQuery Validate让普通按钮触发表单验证的方法_jquery

 一般的表单校验都是直接注册在页面上的匿名函数,导致只能通过固定的提交方式触发表单校验,如果想自定义一个按钮触发表单校验如何实现呢? 目前写法: $(function(){ $("#form").validate({ rules : { user_name : { required : true }, -- }, messages : { user_name : { required : '用户名必填', }, -- } }); }); 改写方法: //编写表单验证函数validfor

JS组件Form表单验证神器BootstrapValidator_javascript技巧

本文为大家分享了JS组件Form表单验证神器BootstrapValidator,供大家参考,具体内容如下 1.初级用法来看bootstrapvalidator的描述:A jQuery form validator for Bootstrap 3.从描述中我们就可以知道它至少需要jQuery.bootstrap的支持.我们首先引入需要的js组件: <script src="~/Scripts/jquery-1.10.2.js"></script> <scr

js 各种常用表单验证正则函数(数字,邮箱,整数,小数)

js 各种常用表单验证正则函数(数字,邮箱,整数,小数)日期等 /************************************************     验证各种数据格式 *************************************************/ //为数字添加, function formatnum(v){     var reg = /(?=(?!b)(ddd)+(?!d))/g;     return v.replace(reg,','); }

js浏览器html5表单验证_javascript技巧

html5表单添加了很多类型的表单,而且还自带验证的功能.在移动端,手机等设备能够根据不同的input类型弹出不同的键盘,例如iphone弹的键盘 但是由于不同的浏览器对不合法输入提示文案不一致,样式也不一样,并且老的浏览器不兼容(IE9及以下),导致了在生产环境中比较少见到.例如对于邮箱格式的检验,不同浏览器的效果如下: Chrome Firefox IE safari html5的表单跨浏览器有很大的问题 具体来说存在三个问题: (1) 输入框blur的时候不会触发检查,只有在点提交时才触发

js 常用正则表达式表单验证代码_正则表达式

正则表达式使用详解 简介 简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下:测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式.这称为数据有效性验证.替换文本.可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字.根据模式匹配从字符串中提取一个子字符串.可以用来在文本或输入字段中查找特定文字. 基本语法 在对正则表达式的功能和作用有了初步的了解之后,我们就来具体看一下正则表

js 常用正则表达式表单验证代码

正则表达式使用详解 简介 简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下:测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式.这称为数据有效性验证.替换文本.可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字.根据模式匹配从字符串中提取一个子字符串.可以用来在文本或输入字段中查找特定文字. 基本语法 在对正则表达式的功能和作用有了初步的了解之后,我们就来具体看一下正则表

js番茄的表单验证类_表单特效

密码 password 密码确认 confirm 英文 english 4~10个字符 中文 chinese 非空 数字 number 大于10,小于100 整数 integer 浮点数 float 日期 date 邮件 email 网址 url 电话 phone 手机 mobile IP地址 ip 邮编 zipcode QQ号码 qq MSN msn 身份证 idcard

js/jquery/插件表单验证

媳妇要学js,就收集一些资料给她. 1.js 表单验证 :          http://hi.baidu.com/yanchao0901/item/161f563fb84ea5433075a1eb   2.jquery表单验证            http://hi.baidu.com/382642143/item/e8f2af428874c2e41e19bc07     http://hi.baidu.com/wulinlw/item/856ec697f4047fbecc80e501 

Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)_javascript技巧

本文给大家介绍如何判断表单验证的实例代码,在没给大家介绍正文之前,先给大家介绍下插件. 插件介绍 先上一个图: 下载地址:https://github.com/nghuuphuoc/bootstrapvalidator 使用提示 中文化: 下载插件后,将\js\bootstrapValidator\language\zh_CN.js 引入文件,即实现中文化 提交前验证表单: 更丰富一点的表单验证例子:http://www.jq22.com/yanshi522,直接上代码: <!DOCTYPE h