`

jquery validate的使用

 
阅读更多

jquery validate为表单提供强大的验证功能,并且提供强大的定制选项

具体参考:http://www.runoob.com/jquery/jquery-plugin-validate.html

http://www.cnblogs.com/datoubaba/archive/2012/06/06/2538873.html

 

下面我写一下入门的示例吧

 

 

 

 

注意以下情况validate不启作用

1.页面使用全局单击事件,validate不启作用

//关闭开始按钮弹出的菜单
closeStartMenu = function() {
	$("body").click(function(event){
		event.preventDefault();//这里有问题  
		$('#start_item').hide();
	});
}

 

2.form外面包裹table,validate不启作用

<div id="createFolderForm">
<!--table有问题-->
<table>
<form method="post" action="">
<tr>
   <th>名称</th>
   <td><input type="text" name="folderName" style="height: 22px;"/></td>
</tr>
</form>
</table>
</div>

 

 

 

分享到:
评论

相关推荐

    jquery validate 使用详解

    ### jQuery Validate 插件使用详解 #### 一、概述 jQuery Validate 是一款强大的表单验证插件,基于 jQuery 框架开发而成。它能够帮助开发者轻松实现客户端表单验证功能,大大提高了用户体验并减少了服务器端的...

    jQuery validate 自定义样式、规则

    1. **覆盖默认样式**:jQuery Validate 使用`error`、`valid`和`help-block`等类来添加错误提示和验证状态。可以通过定义这些类的新样式来改变它们的外观。 2. **使用CSS**:创建自定义CSS规则,例如更改错误消息的...

    jquery validate 信息气泡提示

    以下是使用 jQuery Validate 和 PoshyTip 结合的步骤: 1. 引入必要的库:首先,你需要在页面中引入 jQuery、jQuery Validate 和 PoshyTip 的 JavaScript 文件,以及 PoshyTip 的 CSS 样式文件。这些文件通常存储在...

    jquery validate例子

    假设我们有一个注册表单,包含用户名、邮箱和密码三个字段,我们可以这样使用jQuery Validate: ```html 用户名: 电子邮件: 密码: 注册 $(document).ready(function() { $("#registration...

    jQuery Validate 1.1.2

    在使用jQuery Validate 1.1.2时,你需要将对应的JS文件引入到项目中,并结合jQuery库一起使用。然后,你可以通过`.validate()`方法应用到表单元素上,再通过设置选项来定义验证规则和错误消息。例如: ```...

    jquery validate 表单验证

    首先,`jquery.js`是jQuery的核心库,它是jQuery Validate的基础,没有它,我们无法使用jQuery Validate。确保引入了最新的jQuery版本,以便利用其强大的DOM操作和事件处理能力。 其次,`myvalidate.js`可能是你...

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

    首先,jQuery Validate依赖于jQuery库,这意味着在使用该插件之前,你需要确保页面已经引入了jQuery。在项目中,你可以通过CDN链接或本地文件的方式引入jQuery库。一旦jQuery加载完成,即可引入jQuery Validate的js...

    jQueryValidate.rar

    首先,jQuery Validate插件是基于流行的JavaScript库jQuery构建的,因此在使用之前,需要确保页面已经引入了jQuery。接着,我们引入jQuery Validate的核心文件`jquery.validate.js`,它包含了验证插件的主要功能。...

    jquery validate 验证手册

    在《jQuery Validate验证手册》中,你会找到详细的使用指南,包括如何初始化验证、如何定义验证规则、如何处理错误消息、如何与其他jQuery插件集成等内容。此外,手册还会介绍如何自定义验证插件,以适应不同项目的...

    jquery validate 验证自定义样式

    在本文中,我们将深入探讨如何利用jQuery Validate来创建自定义验证样式。 首先,我们从标题"jquery validate 验证自定义样式"开始。jQuery Validate插件默认提供了一些基本的样式,但这些样式可能不能满足所有设计...

    解决jquery validate remote 为什么只验证一次

    解决jquery validate remote 只验证一次的问题

    jquery.validate 版本大全

    jquery.validate.1.9.0.min.js jquery.validate.1.12.0.min.js jquery.validate.1.13.1.min.js jquery.validate.1.16.0.min.js jquery.validate.1.14.0.min.js jquery.validate.1.15.1.min.js jquery.validate....

    Jquery validate和form插件

    首先,使用 `jQuery validate` 配置表单验证规则,然后在验证通过后,利用 `jQuery form` 的 `submitHandler` 回调函数来发起 AJAX 请求。这样可以确保只有符合验证规则的数据才会被提交,同时保持页面的无刷新特性...

    jquery validate的漂亮css样式验证

    `jQuery Validate`是一个非常流行的JavaScript库,用于在前端进行表单验证。这个库极大地简化了对用户输入数据的检查,确保它们符合特定的规则和格式。`jQuery Validate`结合自定义CSS样式,可以让表单验证既实用又...

    jQuery Validate插件验证表单小练

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

    Jquery Validate修改版

    本文将深入探讨一个修改版的jQuery Validate,它改进了默认的提示方式,改为使用悬浮窗口显示,使得验证反馈更加直观和友好。 ### jQuery Validate核心功能 jQuery Validate插件的核心功能在于提供了一套完整的...

    jquery validate配合struts2简单整改

    《jQuery Validate与Struts2整合应用详解》 在Web开发中,前端验证用户输入的数据是必不可少的一环,jQuery Validate插件就是一款强大的JavaScript验证工具,它可以帮助我们方便地实现表单验证。与此同时,Struts2...

    jquery.validate 使用

    在`jqueryvalidate验证demo`中,包含了多个实例,演示了基本验证、自定义规则、验证组等常见功能的应用。通过查看和运行这些示例,可以更深入地理解和掌握jQuery Validate的使用。 总结,jQuery Validate插件以其...

Global site tag (gtag.js) - Google Analytics