`
ITCheng
  • 浏览: 76737 次
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery实行数据验证

    博客分类：
  • Ajax
 
阅读更多 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript" src="jquery.validate.messages_cn.js"></script>
<script type="text/javascript">
	$(function(){
		$("#myform").validate(
			{
				rules:{
					"username":{required:true,minlength:6} 
				},
				errorPlacement:function(error,element){
					error.appendTo(element.siblings("span"));	
				}
			}
		);
	});
</script>
<link href="css/screen.css" rel="stylesheet" type="text/css">
</head>

<body>
<form id="myform" action="#" method="get">
	<input id="username" name="username" type="text"/>
    <span></span><br />
    <input type="submit" />
</form>
</body>
</html>

 

分享到：
| Css3全屏背景
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Java Web Jquery表单验证

    编写基于Jquery的表单验证插件 Java Web Jquery表单验证 jQuery是一个流行的JavaScript库，可用于在网页上进行各种操作，包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分：FrontPage.html、write....

    Jquery实现数据左右移动Demo

    在这个“Jquery实现数据左右移动Demo”中，我们将深入探讨如何利用jQuery来实现动态的数据展示，特别是在一个可能需要数据左右移动的场景，如轮播图或卡片式布局。 首先，我们需要理解jQuery的基本用法。jQuery通过...

    jquery数据验证 配置简单 使用简单

    一个配合jquery库使用的数据验证js jquery库在1.4以上即可 只需引用一个js，如没有引用jquery库的需引用 如验证input或textbox中输入的时候email只需： 在input或textbox中加入属性ValidDataForEmail='default'即刻...

    jQuery读取json数据

    关于"jQuery读取json数据"这个主题，我们将会深入探讨如何利用jQuery的Ajax功能来高效地加载和解析JSON格式的数据，以及这样做带来的优势。 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于...

    jQuery无刷新验证及数据绑定

    **jQuery无刷新验证及数据绑定** 在Web应用中，用户交互体验是至关重要的，而无刷新验证和数据绑定正是提升这种体验的有效手段。jQuery库以其简洁的API和强大的功能，使得开发者可以轻松实现这些功能。在VS2008环境...

    jquery.数据验证[借鉴].pdf

    《jQuery 数据验证详解》 在软件开发中，数据验证是一个至关重要的环节，它确保了用户输入的数据质量和系统的稳定性。jQuery，作为一个广泛使用的JavaScript库，提供了强大的数据验证功能，使得前端验证变得简单易...

    jquery动态获取数据

    此外，`testScript.js`可能包含了一些测试用例，用于验证jQuery动态获取数据功能的正确性。`jsonp.php`可能是服务器端的PHP脚本，用于响应JSONP请求并返回数据。`css`和`images`目录可能包含了样式表和图像资源，...

    jQuery实现动态更改table表格数据

    在实际项目中，你可能还需要考虑更多细节，如错误处理、数据验证、异步更新等。同时，确保对不同浏览器的良好兼容性也是至关重要的，因为虽然jQuery提供了很好的跨浏览器支持，但某些特定的CSS属性或DOM操作可能仍...

    jquery实现数据动态加载分页的完整版

    本文将深入探讨如何使用jQuery实现数据动态加载分页，并提供一个完整的实例。 首先，理解动态加载（也称为无限滚动或懒加载）的概念。它允许页面在用户滚动时按需加载内容，而不是一次性加载所有数据，从而减少了首...

    jquery 校验大全 实例

    这个压缩包可能包含了各种jQuery验证插件、代码示例以及详细的教程，旨在帮助开发者实现高效且用户友好的表单验证。 首先，jQuery的表单验证通常是通过添加特定的类和数据属性到HTML元素，然后使用JavaScript函数来...

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

    首先，`jQuery Validate`的核心功能是验证用户在表单中输入的数据，确保其符合预设的验证规则。例如，我们可以设定密码必须包含字母、数字、特殊字符等要求，以提高安全性。在提供的例子中，它会检查用户输入的密码...

    js JQuery验证电子邮箱的函数

    通过以上分析，我们看到了js和JQuery在前端数据验证中的强大功能。正则表达式是实现这些功能的关键，它能够精确地匹配特定的字符串模式。然而，值得注意的是，正则表达式的编写需要考虑到各种边界情况和特殊格式，以...

    JQuery实现表单验证

    对于表单验证，JQuery可以帮助我们快速响应用户的输入，实时检查数据的有效性，无需等待表单提交。 表单验证通常包括以下几种类型：非空验证、长度验证、格式验证（如邮箱、电话号码）、唯一性验证等。在"JQuery...

    jQuery表单验证大全

    `jquery.metadata.js`是jQuery Validate的一个补充插件，允许开发者通过元数据（metadata）来定义验证规则，例如将规则写在CSS类名或自定义属性中，使得HTML结构更加清晰。 5. **额外验证方法** `additional-...

    基于JQuery实现数据展示方面基本特效

    本主题聚焦于"基于jQuery实现数据展示方面基本特效"，我们将深入探讨如何利用jQuery来提升网页的数据呈现效果。 首先，jQuery的核心优势在于其简洁的语法。通过$.fn.extend()方法，jQuery提供了丰富的选择器、遍历...

    表单验证jquery插件

    在Web开发中，表单验证是不可或缺的一部分，它确保用户输入的数据符合预设的规则，从而提高数据质量和用户体验。jQuery Validation Engine 是一个功能强大的表单验证插件，以其简单易用和丰富的自定义选项而受到...

    用jquery解析JSON数据的方法

    用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里...

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

    在"jquery表单验证实例，对数字，字数，必填项等校验"这个项目中，我们关注的核心知识点包括： 1. **jQuery Validate插件安装与引入**：首先，你需要在HTML文件中引入`jQuery`库和`jQuery Validate`插件的JS文件。...

    jquery validate 表单验证

    在网页开发中，表单验证是一项至关重要的任务，它确保用户输入的数据符合预期的格式和规则，从而提高数据质量和用户体验。jQuery Validate插件是jQuery库的一个扩展，专门用于实现这样的功能。这个插件提供了一种...

Magicbox
Global site tag (gtag.js) - Google Analytics