<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Myindex.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
<script src="js/jquery.js" type="text/javascript">
</script>
<script src="js/jquery.validate.js" type="text/javascript">
</script>
<script src="js/cmxforms.js" type="text/javascript">
</script>
<script type="text/javascript">
$().ready(function(){
$("#myform").validate({
rules: {
username: 'required',
password:{
required:true,
minlength:2
}
},
messages: {
username: '用户名必须输入',
password:{
required:"密码必须输入",
minlength:"长度不能小于2"
}
}
});
});
</script>
</head>
<body>
<form id='myform'>
用户名：<input type='text' name="username" class='required'>
<br>
密码：<input type='password' name="password" class='required'>
<br>
EMAIL:<input type='email' name="emial" class='required email'>
<br>
<input type="submit" value="提交">
</form>
<br>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Myindex.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
<script src="js/jquery.js" type="text/javascript">
</script>
<script src="js/jquery.validate.js" type="text/javascript">
</script>
<script src="js/cmxforms.js" type="text/javascript">
</script>
<script type="text/javascript">
$().ready(function(){
$("#myform").validate();
});
</script>
</head>
<body>
<form id='myform'>
用户名：<input type='text' name="username" class='required'><br>
密码：<input type='password' name="pwd" class='required'><br>
EMAIL:<input type='email' name="emial" class='required email'><br>
<input type="submit" value="提交">
</form>
<br>
</body>
</html>
分享到：
相关推荐
编写基于Jquery的表单验证插件 Java Web Jquery表单验证 jQuery是一个流行的JavaScript库，可用于在网页上进行各种操作，包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分：FrontPage.html、write....
在"JQuery实现表单验证"的案例中，描述中提到有五种不同的提示方式，这些可能包括错误消息的显示位置、样式、动画效果等，以满足多样化的用户体验需求。 以下是使用JQuery进行表单验证的基本步骤： 1. **选择器与...
### jQuery表单验证插件详解 #### 一、概述 jQuery表单验证插件是一种用于简化Web表单处理过程的强大工具。它不仅能够帮助开发者轻松地实现表单数据的Ajax提交，还支持文件上传等功能，极大地提升了用户体验并降低...
基于jquery框架，采用jQuery formValidator表单验证插件。
jQuery Validation Engine 是一个功能强大的表单验证插件，以其简单易用和丰富的自定义选项而受到开发者的青睐。 ## 1. jQuery Validation Engine 插件简介 jQuery Validation Engine 是一款基于 jQuery 库的验证...
以上就是jQuery Validate的基本使用和核心概念，通过熟练掌握这些，你可以轻松实现高效且用户友好的表单验证。记住，始终要关注用户体验，避免过于繁琐的验证过程，同时确保数据安全性和准确性。
jQuery Validate插件作为一款强大的JavaScript验证工具，广泛应用于各种表单验证场景，包括手机注册表单验证。本文将深入探讨jQuery Validate插件的使用方法，以及如何将其应用于手机注册表单的验证。 一、jQuery ...
"jQuery滑动表单验证效果"是一个示例项目，旨在展示如何利用jQuery实现动态、互动的验证反馈，为用户带来更流畅的表单填写体验。 在这个项目中，"FancySlidingForm"可能是主要的HTML文件，包含了表单的结构和样式。...
对于表单验证，jQuery提供了一种高效且用户友好的方法，使得开发者能够轻松地实现对用户输入数据的有效性检查。本示例主要关注如何使用jQuery来创建吸引人的表单验证特效。 1. **基本概念**：jQuery表单验证的核心...
《jQuery表单验证详解》 在Web开发中，表单验证是不可或缺的一部分，它能确保用户输入的数据符合预设的规则，从而保护服务器免受不合法数据的影响，提高用户体验。jQuery，作为一款广泛使用的JavaScript库，提供了...
jQuery Form 验证插件充分利用了jQuery的优势，使得开发者可以通过简单的API调用来实现复杂的表单验证功能。 **HTML**（HyperText Markup Language）是网页制作的基础，而**form**元素则是HTML中的表单标签，用于...
jQuery作为一个强大的JavaScript库，提供了简单易用的API来进行表单验证。本实例将深入探讨如何利用jQuery实现网站会员注册表单的验证，并在用户提交form表单时进行有效控制。 首先，我们需要理解jQuery的核心概念...
jQuery formValidator表单验证插件，它是基于jQuery类库，实现了js脚本于页面html代码的分离。你可以划分多个校验组，每个组的校验都是互不影响。对一个表单对象，你只需要写一行代码就可以轻松实现无数种（理论上）...
jQuery formValidator是一款强大的JavaScript表单验证插件，它基于jQuery库，用于在用户提交表单前验证输入数据的正确性和格式。这个插件提供了一系列灵活的验证规则和自定义选项，使得开发者能够轻松地实现复杂的...
自己写的一个练习,基于jquery的表单验证控件,主要功能都有,但不很完整. 用法是在需要验证的input标签里加 validate 属性,内容是JSON格式的 比较简单,大家有需要可以拿去免费送,欢迎评论. 这个链接有图片效果和主要...
在“jQuery超强验证表单”这个主题中，我们将深入探讨如何利用jQuery来实现高效且用户友好的表单验证。** **1. jQuery基础知识** 在深入表单验证之前，我们需要了解jQuery的基本用法。jQuery通过选择器（如$("#id")...
本教程将深入探讨如何利用jQuery库来实现带提示的表单验证功能。 一、jQuery简介 jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互。jQuery的API设计使得开发者能更高效地编写...
"jquery表单验证特效"这个主题涉及到使用jQuery进行表单验证，这是一种提高用户体验的有效方式，通过实时验证用户输入的数据，确保其正确性和完整性，避免提交无效或错误的信息。 表单验证通常是网页应用程序不可或...