jQuery.validity表单校验
<!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>set your title</title>
<script type="text/javascript" src="../jquery-1.4.3.js"></script>
<link type="text/css" rel="Stylesheet" href="jquery.validity.css" />
<script type="text/javascript" src="jquery.validity.js"></script>
<script type="text/javascript">
$(function() {
$("#testform").validity(function() {
$("#username")
.require("用户名不能为空")
.match(/^\w+$/, "必须是数字或者字母")
.maxLength(12, "长度必须<=12")//不支持长度必须小于#{max}
.minLength(6, "长度必须>=6");//不支持长度必须大于#{min}
$("#password2")
.require("确认密码不能为空")
.match(/^\w+$/, "必须是数字或者字母")
.equal(function(val) {
return $("#password").val();
},"密码不匹配");
$("#birthday")
.require("生日不能为空")
.match("date");
.lessThanOrEqualTo(new Date())
});
});
</script>
</head>
<body>
<p><a href="./">上一级</a> </p>
<hr/>
<input type="button" name="btnTest" id="btnTest" value="点击测试" />
<hr/>
<div id="content">
<form action="" method="get" id="testform">
<p>
用户名:
<input type="text" name="username" id="username" />
</p>
<p>
密码:
<input type="text" name="password" id="password" />
</p>
<p>密码确认:
<input type="text" name="password2" id="password2" />
</p>
<p>生日:
<input type="text" name="birthday" id="birthday" />
(mm/dd/yyyy) </p>
<p>邮箱:
<input type="text" name="email" id="email" />
</p>
<p>QQ:
<input type="text" name="qq" id="qq" />
</p>
<p>
<input type="submit" name="button" id="button" value="提交" />
</p>
</form>
</div>
</body>
</html>
http://validity.thatscaptaintoyou.com
密码和密码确认不知道如何校验它们是否相等,因此抛弃这个检验框架,大喜大悲
如果有路过的高手,请指点.
分享到：
相关推荐
接着，你可以通过以下方式下载或引用`jquery.validity.1.2.0`文件： ```html <script src="path/to/jquery.js"> <script src="path/to/jquery.validity.1.2.0.js"> ``` **基本用法** 在HTML表单中，你可以为需要...
**基于jQuery的表单验证框架** 在Web开发中，表单验证是不可或缺的一部分，它确保用户输入的数据符合预设的规则，从而防止错误数据的提交，提高用户体验并保护服务器资源。jQuery是一个轻量级、高性能的JavaScript...
4. `jquery.validity.js` 和 `jquery.validity.pack.js`：这两个文件都是jQuery的插件，专门用于表单验证。`jquery.validity.js`可能是未压缩的源代码，便于阅读和调试；`jquery.validity.pack.js`则是压缩后的版本...
jQuery.validity 有效性不必手动编写验证或平衡某些笨拙的服务器端框架，而使您可以以自然而直接的方式设计客户端验证。 jQuery.validity易于学习和使用。 它完全适用于简单的验证方案，但它也设计用于干净自然地...
1. `validity`对象：提供关于表单元素验证状态的信息，如`invalid`、`valueMissing`等。 2. `setCustomValidity(message)`：设置自定义的错误信息，显示在浏览器默认的提示中。 3. 自定义错误提示元素：可以创建额外...
有许多成熟的JavaScript库和框架，如 jQuery Validation 插件、Validator.js 或 Formik，它们提供了丰富的验证功能和易用的API，可以帮助开发者快速构建复杂的表单验证逻辑。 总的来说，"js验证表单大全"涵盖了...
根据提供的文件内容，我们可以了解到在使用jQuery进行表单验证时，validate插件提供了一系列验证规则，这些规则覆盖了常见的输入验证场景，如下所示： 1. required: true - 指定一个字段为必填项，确保用户在提交...
jQuery的定义/特点: jQ的语法结构; 选择器: jQuery事件 jQuery方法 正则表达式 RegExp对象 validity属性
例如，在给定的代码中，我们可以使用quantity.validity.typeMismatch来判断用户输入的值是否为数字，然后使用setCustomValidity方法来设置错误信息。 答案：D 解析：在HTML5中，我们可以使用input元素的validity...
9. **validity对象**：Input元素有一个validity属性，可以检查输入是否有效，如`inputElement.validity.valid`会返回一个布尔值，表示输入是否有效。 在实际应用中，开发者可以根据需求结合这些属性和类型创建自...
变更机制主要用于响应表单中字段的变化，可以实现诸如更新其他字段值、执行某些业务逻辑或者向用户提供反馈等功能。这种机制大大提升了用户界面的交互性和用户体验。 ##### 实现方式 变更机制通常通过`onchange`...
通过Validity.RULES字典轻松添加新的站点范围的验证器。 适用于 jQuery 和 Angular.js 例子 # Define a class with some validation rules class Person Validity . define @ , name : ' required ' email : {...
- `validity`属性可以检查输入字段的合法性，如`element.validity.valueMissing`检查是否为空。 - `checkValidity()`方法可以检查整个表单的合法性，返回布尔值。 - 自定义验证规则可通过`setCustomValidity...
驱动程序，hp的elitebook 系列指纹驱动程序！
二、自定义校验（validity状态和setCustomValidity方法） HTML5的`ValidityState`对象提供了关于输入元素是否有效的信息，而`setCustomValidity`方法允许开发者设置自定义的验证消息。例如： ```html [a-z]*"> ...
input.validity.valid) { let errorElement = input.nextElementSibling; // 假设有一个错误信息元素紧随输入元素 errorElement.style.display = 'block'; // 显示错误信息 } ``` 此外，Validation API还提供了一...
This appendix contains XML reference material. It is divided into three main parts: 1. XML BNF Grammar 2. Well-Formedness Constraints 3. Validity Constraints
Concurrent validity of the McCarthy Scales of Children's Abilities. Measurement DAVIS, E. E., & ROWLAND, T. A replacement for the venerable Stanford-Binet? Journal of Clinical and Evaluation in ...
Concurrent validity of the McCarthy Scales of Children's Abilities. Measurement DAVIS, E. E., & ROWLAND, T. A replacement for the venerable Stanford-Binet? Journal of Clinical and Evaluation in ...