back>>
使用示例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>validate验证插件</title>
<script type="text/javascript"
src="Jscript/jquery.js">
</script>
<script type="text/javascript"
src="js/jquery.validate.js">
</script>
<script type="text/javascript"
src="js/messages_cn.js">
</script>
<style type="text/css">
body{font-size:13px}
span{color:Red;font-size:12px}
.divFrame{width:260px;border:solid 1px #666}
.divFrame .divTitle{padding:5px;background-color:#eee;font-weight:bold}
.divFrame .divContent{padding:8px;line-height:1.6em}
.divFrame .divBtn{padding-bottom:8px;padding-left:8px}
.txt{border:#666 1px solid;padding:2px;width:150px;margin-right:3px}
.btn {border:#666 1px solid;padding:2px;width:80px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);}
</style>
<script type="text/javascript">
$(function() {
$("#frmV").validate(
{
/*自定义验证规则*/
rules: {
username: { required: true, minlength: 6 },
email: { required: true, email: true }
},
/*错误提示位置*/
errorPlacement: function(error, element) {
error.appendTo(element.siblings("span"));
}
}
);
})
</script>
</head>
<body>
<form id="frmV" method="get" action="#">
<div class="divFrame">
<div class="divTitle">
请输入下列资料
</div>
<div class="divContent">
<div>
用户名：<br />
<input id="username" name="username"
type="text" class="txt" />
<font color="red">*</font><br />
<span></span>
</div>
<div>
邮箱：<br />
<input id="email" name="email"
type="text" class="txt" />
<font color="red">*</font><br />
<span></span>
</div>
</div>
<div class="divBtn">
<input id="sbtUser" type="submit"
value="提交" class="btn" />
</div>
</div>
</form>
</body>
</html>
分享到：
相关推荐
表单验证类，jquery通用的验证类，jquery验证插件
简述jQuery验证插件validation的功能和使用
### Jquery验证插件知识点详解 #### 一、概述 jQuery是一个快速、简洁的JavaScript库，使得HTML文档遍历、事件处理、动画等操作变得更加简单。通过jQuery，开发者可以更轻松地实现各种复杂的Web交互效果。jQuery的...
### jQuery验证插件的核心特性 1. **易用性**：jQuery验证插件最大的优点是其简单易用的API。开发者无需预先编写HTML提示信息，而是通过JavaScript代码动态设置验证规则和错误消息。 2. **灵活性**：该插件支持...
jQuery 插件使客户端表单验证变得容易，同时仍然提供了大量的自定义选项。如果您要从头开始构建新的东西，或者当您试图将某些东西集成到具有大量现有标记的现有应用程序中时，它都是一个不错的选择。该插件捆绑了一...
jQuery验证插件是一款广泛应用于前端开发中的工具，它极大地简化了网页表单验证的过程，使得开发者可以方便地为用户输入的数据添加各种验证规则。这款插件不仅具备丰富的验证功能，而且特别强调对中文的支持，这在...
而jQuery验证插件是jQuery生态中的一个重要组成部分，它主要用于前端表单验证，确保用户输入的数据符合预设的规则，从而提高用户体验并减少服务器端的压力。 标题"Jquery验证插件demo"指的是一个示例项目，展示了...
jQuery验证插件是一种广泛使用的JavaScript库，用于在前端实现对用户输入数据的高效验证。它大大简化了HTML表单的验证过程，使得开发者无需编写大量的JavaScript代码就能实现复杂的验证规则。这个完整版的jQuery验证...
**jQuery验证插件的使用详解** 在Web开发中，表单验证是不可或缺的一部分，它确保用户输入的数据符合预设的规则，从而保护数据的完整性和安全性。jQuery作为一个强大的JavaScript库，提供了许多方便的插件来简化这...
**jQuery验证插件详解** jQuery是一个轻量级的JavaScript库，因其简洁的API和高效的性能在Web开发领域广受欢迎。为了简化表单验证的过程，许多开发者制作了各种验证插件，其中“网友梦三秋”开发的jQuery验证插件...
**jQuery验证插件Validator详解** jQuery Validator是一款广泛应用于前端开发中的强大验证插件，它能够帮助开发者轻松实现表单验证，提高用户体验，确保用户输入的数据符合预设的规则。这款插件是基于jQuery库构建...
jQuery验证插件（如jQuery Validation Plugin）可以轻松地添加到表单中，提供多种验证规则，如必填项、长度限制、电子邮件格式等。使用这个插件，我们可以通过简单的配置实现复杂的验证逻辑，比如： ```javascript ...
jQuery验证插件是一种广泛应用于前端开发中的工具，它极大地简化了网页表单验证的过程，确保用户输入的数据符合预设的规则。在Web应用程序中，数据验证是必不可少的，它可以防止无效或恶意的数据提交到服务器，从而...
囊括11种常见的格式验证形式，如果这些类型还不够，可以方便的传入自定义datype【可以是正则或函数】，实现几乎任何您需要的验证形式。 任何你想要的信息提示效果。tiptype可以传入1、2或函数，传入函数几乎可以...
### jQuery表单验证插件详解 #### 一、概述 jQuery表单验证插件是一种用于简化Web表单处理过程的强大工具。它不仅能够帮助开发者轻松地实现表单数据的Ajax提交，还支持文件上传等功能，极大地提升了用户体验并降低...
jQuery库因其简洁易用的API而广受欢迎，而jQuery验证插件则进一步扩展了其功能，为表单验证提供了强大的支持。 该插件的核心功能包括但不限于以下几点： 1. **实时验证**：在用户填写表单时，验证插件可以实时检查...
**jQuery表单验证插件EasyValidator 2.0：打造高效且友好的用户输入体验** 在Web开发中，表单验证是不可或缺的一部分，它确保了用户提交的数据符合预期的格式和标准，从而防止无效数据的输入。jQuery作为一款广泛...