`
layznet
  • 浏览: 226404 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jquery validate 不用submit方式验证表单或单个元素

阅读更多
刚接触jquery不久,很多东西还不是很明白。点滴积累吧。

本笔记前提:正确引入jquery验证的相关文件

1、如果表单是submit方式提交,在提交时会自动验证。
2、如果不是submit提交,比如在js以方法中调用document.form.submit()方式,这时验证表单可用如下方式:
function validateForm() {
   //validate方法参数可选
   return $("#form1").validate({
	   rules: {
	   },
	   messages:{
	   },
	   showErrors:showErrors
   }).form();
}

function doSubmit(){
    //do other things
    //验证通过后提交
     if(validateForm()){
        document.form1.submit()
    }
}


3、验证一个单独的表单元素
function validateForm() {
//验证id="form1"的表单中id="salary"的表单元素
   $("#form1").validate().element($("#salary"))
}
分享到:
评论
4 楼 gotosuzhou 2015-04-28  
很多错误,我只想让其显示一个 如何来设置
3 楼 zhwenvinson 2013-08-21  
非常感谢。
2 楼 禀圣含华 2012-07-26  
报错啊  Uncaught TypeError: Cannot call method 'form' of undefined

什么情况啊
1 楼 manneting 2012-01-30  
多谢代码!

相关推荐

    jquery validate 表单验证

    2. **初始化验证**:在文档加载完成后,对表单元素应用验证规则,通常使用`$("#formId").validate()`。 3. **设置规则**:为表单字段设置验证规则,这可以通过`rules`属性完成,如`$("#inputId").rules("add", { ...

    jquery validate表单验证插件制作注册表单提交验证

    在本文中,我们将深入探讨如何使用jQuery Validate插件来创建一个功能完备的注册表单,进行数据提交前的验证。jQuery Validate是一个强大的JavaScript库,它为HTML表单提供了灵活且易于使用的验证规则,确保用户输入...

    jqueryvalidate验证demo 美化了表单元素

    刚刚研究了jqueryvalidate表单验证插件, 加了一些样式,出错提示和验证通过的提示,通过ajaxSubmit()异步提交表单 对input select 标签进行了简单美化。样式全是自己写的,不是网上照抄 适合初学jqueryvalidate, ...

    jQuery Validate插件验证表单小练

    jQuery Validate 插件是Web开发中广泛使用的工具,主要用于实现前端表单验证,它极大地简化了用户输入数据的检查过程,提供了丰富的验证规则和自定义方法。在这个“jQuery Validate插件验证表单小练”中,我们将深入...

    关于jquery validate plugin 指定需要验证对象解决方案

    jQuery Validate Plugin通过监听表单事件,如`submit`,并在验证失败时阻止表单提交。`element()`方法用于验证单个元素,`valid()`方法用于验证整个表单。源码中包含了各种验证规则和错误处理机制,开发者可以根据...

    jQuery Validate表单验证插件

    1. **自动验证**:当表单元素失去焦点时,jQuery Validate会自动进行验证。 2. **自定义验证规则**:开发者可以通过编写新的验证方法来扩展内置的验证规则。 3. **错误消息定制**:可以为每个验证规则设置特定的错误...

    jquery validate表单验证插件手机注册表单验证代码

    接着通过CDN或下载本地文件方式引入validate.js和additional-methods.js,后者包含了更多的验证方法。 2. 初始化:在HTML文档中,为需要验证的表单添加id属性,然后在JavaScript代码中使用$.validator.setDefaults...

    jQuery validate框架的个性化验证

    jQuery Validate 是一个强大的客户端验证插件,用于在用户提交表单前进行实时验证。这个框架大大简化了HTML表单的验证过程,提供了丰富的内置验证规则和可扩展的自定义验证功能,使得表单验证更加人性化和高效。 1....

    jquery validate 验证自定义样式

    2. **初始化验证**:在你的JavaScript代码中,调用`$("#formId").validate()`来启动验证功能,其中`#formId`是你的表单元素ID。 3. **自定义错误消息**:通过设置`messages`选项,你可以修改默认的验证错误消息。...

    jquery validate 验证手册

    《jQuery Validate验证手册》是针对JavaScript库jQuery的一个插件,主要功能是提供强大的表单验证功能,帮助开发者创建用户友好的、功能丰富的交互式表单。这个插件基于jQuery库,利用JavaScript的强大功能,简化了...

    Jquery validate表单验证Demo下载

    在本文中,我们将深入探讨jQuery Validate插件,这是一种强大的JavaScript工具,用于实现高效且易于定制的表单验证。这个插件极大地简化了在网页中创建用户注册和其他表单提交时的验证过程。以下是对该插件及其应用...

    jQuery Validate插件实现表单验证

    jQuery Validate插件是一个非常流行的JavaScript库,它在客户端实现表单验证方面提供了广泛的功能。通过利用这个插件,开发者可以轻松地在用户的浏览器端对表单数据进行检查,以确保输入的数据符合特定的格式和规则...

    jQuery Validate表单验证深入学习

    jQuery Validate插件是前端开发中用于表单验证的常用JavaScript库,它能够方便地集成到jQuery项目中,并提供了一套丰富的验证规则和方法。通过该插件,开发者可以快速实现对表单输入数据的验证,确保数据的准确性和...

    jquery validate例子

    此外,jQuery Validate提供了丰富的事件和方法,如`submitHandler`(表单提交时触发)、`valid`(验证通过时触发)和`invalid`(验证失败时触发),可以帮助开发者在验证过程中进行更精细的控制。 现在,我们来看一...

    jquery.validate表单验证密码完整例子(带密码强度显示)

    2. **初始化验证**:使用`jQuery`选择器找到需要验证的表单元素,并调用`.validate()`方法,配置相应的验证规则。例如,对于密码字段,可能有`required`(必填)、`minlength`(最小长度)和自定义的正则表达式规则...

    jQuery validate 表单验证源码

    jQuery validate 是一个非常流行的JavaScript库,用于在客户端进行表单验证。它简化了HTML表单的验证过程,提供了丰富的选项和方法来定制验证规则。在ASP.NET开发中,结合jQuery validate,可以创建用户友好的、交互...

    jquery表单验证实例,对数字,字数,必填项等校验

    `jQuery Validate`是基于`jQuery`的一个插件,专门用于实现客户端的表单验证,它可以高效且易于地实现对数字、字数、必填项等各种类型的验证。 在"jquery表单验证实例,对数字,字数,必填项等校验"这个项目中,...

    jquery.validate表单验证框架详解

    ### jQuery.validate 表单验证框架详解 在现代Web开发中,表单验证是不可或缺的一环,它确保用户输入的数据符合预期格式,从而提高用户体验并减少服务器端的压力。jQuery.validate插件便是为此而生,它提供了丰富的...

    jquery validate 信息气泡提示

    总之,通过 jQuery Validate 和 PoshyTip 的结合,我们可以构建一个功能强大且用户体验良好的表单验证系统,有效地提示用户修正错误,提高表单填写的准确性。同时,PoshyTip 提供的丰富配置选项使得提示信息的样式和...

    jquery validate依赖包及其帮助文档.rar

    5. 在表单提交事件中,jQuery Validate会自动处理验证,只有当所有字段都通过验证时,表单才会提交。 例如,一个简单的应用示例: ```html <!DOCTYPE html> <script src="https://code.jquery....

Global site tag (gtag.js) - Google Analytics