<html>
<head>
<title>TestM</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript">
$(function(){
$("#testFormLogin").validate({
rules : {
loginName: {
required: true,
minlength: 5
},
password :{
required : true,
}
},
messages:{
loginName : {
required : "login name filed is required",
minlength : "min length is 5 charactor "
},
password :{
required:"password filed is required"
}
}
});
$("#testFormLogin").submit(function() {
var isValidate = 1;
$("#testFormLogin").find("input").each(function(){
isValidate = isValidate & $(this).valid();
})
if(isValidate){
var url = "testLoginForm.do";
$.ajax({
url : url,
dateType: "json",
type:"post",
data : $('#testFormLogin').serialize(),
success:function(data){
if(data.status == "success"){
window.location.href = "home.do";
}else{
window.location.href = "login.do";
}
}
})
}
return false;
});
})
</script>
</head>
<body>
<form id="testFormLogin" method="post">
<div align="center">
<table>
<tr>
<td align="left">UserName:</td>
<td align="left"><input type="text" id="username" name="loginName"/></td>
</tr>
<tr>
<td align="left">PassWord:</td>
<td align="left"><input type="password" id="password" name="password"/></td>
</tr>
</table>
<input type="submit" id="login" value="Login" />
</div>
</form>
</body>
</html>
//-------- 华丽的分割线----------------------------------------------------------------------------
//----------说明一些属性-------------------------------------------------------------------------------------------
$("#articleInfoForm").validate({
onfocusin: function(element) { $(element).valid(); },
onfocusout: function(element) { $(element).valid(); },
//加入onfocusout onfocusin 会在失去焦点是触发
errorElement:"errorMsg",
errorClass: "errorMsg",
// errorElement errorClass 这是自定义验证不通过时的元素和 元素的class名
rules : {
name: {
required: true,
rangelength: [0,50],
},
},
messages:{
name : {
required : "文章标题必填",
rangelength:"文章标题长度范围在[0-50]之间",
},
}
});
相关推荐
从给定的文件信息来看，文件主要介绍了jquery.validate.js的表单验证功能。jquery.validate.js是一个强大的jQuery插件，可以帮助开发者快速实现表单验证。以下是该文件中提及的关键知识点： 1. jquery.validate.js...
总的来说，jQuery.validate是JavaScript开发中不可或缺的工具，它简化了表单验证的过程，提高了代码的可读性和维护性。通过深入理解和灵活运用，开发者可以创建出高效且用户友好的表单验证机制。
jquery 验证表单1.8版本，附加常用地址 https://docs.microsoft.com/en-us/aspnet/ajax/cdn/jquery-validate/cdnjqueryvalidate18
《jQuery.validate.js表单验证及API详解》 在Web开发中，表单验证是不可或缺的一环，它确保用户输入的数据符合预设的规则，从而保证数据的准确性和安全性。jQuery库提供了一个强大的插件——jQuery.validate.js，...
而jQuery Validate插件是jQuery的一个强大附件，专为表单验证设计，使得网页表单的验证工作变得简单易行。本文将深入探讨jQuery validate.js的核心功能及其API，同时结合提供的帮助文档，为你揭示其背后的实现原理和...
jQuery.validate与许多其他jQuery插件兼容，如表单序列化插件serializeArray()，以及AJAX提交，可以方便地实现异步验证和数据提交。 总结，jQuery.validate插件以其强大的功能和易用性，使得客户端表单验证变得简单...
jQuery Validate插件主要负责对HTML表单进行实时验证，避免用户提交无效或错误的数据。它通过添加自定义的CSS类来标记无效的元素，同时提供友好的错误消息提示。该插件的核心功能包括： 1. 自动绑定：jQuery ...
- **表单验证**：jQuery Validate 提供了`.validate()`方法，用于初始化验证插件，如`$("#myForm").validate()`；通过设置规则`rules`和错误消息`messages`，可以实现自定义验证。 - **验证规则**：例如，`rules: {...
在本主题中，我们重点关注两个与jQuery相关的插件：`jquery.metadata.js`和`jquery.validate.js`，它们对于创建高效、用户友好的表单验证至关重要，特别是在注册和登录等关键界面。 `jquery.metadata.js`是jQuery的...
jQuery 验证控件 jquery.validate.js 使用说明 + 中文 API jQuery 验证控件 jquery.validate.js 是一个功能强大且广泛使用的 JavaScript 验证插件，旨在帮助开发者快速实现表单验证功能。下面是 jquery.validate....
总之，`jQuery Validate` 是一个强大且灵活的表单验证工具，它使得在网页上实现复杂和用户友好的验证变得简单。通过深入理解其核心概念和用法，你可以为你的应用程序提供更加健壮的表单验证体验。
jQuery Validate 提供了一系列预定义的验证规则，可以用来检查用户输入是否符合特定条件： 1. **required**: 字段必须有输入。 2. **remote**: 使用 AJAX 调用指定的 URL（如 `check.php`）来验证输入。 3. **email...
8. **Ajax 验证**：如果需要在用户输入时实时验证，`jQuery Validate` 还支持异步（Ajax）验证。这使得可以向服务器发送请求，验证用户输入的数据，而无需刷新页面。 9. **与服务器端验证的配合**：虽然前端验证...
例如，当用户填写表单并点击提交按钮时，jQuery Validate首先会对表单数据进行验证，如果所有字段都符合验证规则，则jQuery Form会通过Ajax方式将数据发送到服务器，同时在后台处理数据。如果验证失败，错误信息会...
jquery.validate.js 是 jquery 旗下的一个验证插件，借助 jquery 的优势，我们可以迅速验证一些常见的输入 , 并且可以自己扩充自己的验证方法
`jquery.validate.js`是jQuery的一个验证插件，主要用于表单验证。它提供了丰富的验证规则和自定义验证方法，可以帮助开发者轻松实现对用户输入数据的有效性检查，确保用户在提交表单前输入的数据符合预设条件。这个...
jQuery.validate插件是jQuery库的一个强大验证工具，用于在客户端实现表单数据的验证，它大大简化了网页表单验证的复杂性。该插件提供了一系列内置规则和自定义规则，能够灵活地验证用户输入的数据，确保数据的有效...
jQuery Validate插件是用于前端表单验证的强大工具，它可以轻松地对用户输入的数据进行实时检查，确保用户在提交表单之前满足特定的规则。这个插件提供了一系列内置的验证方法，如`required`（必填）、`email`（电子...
AJAX验证 jQuery Validate插件支持通过AJAX进行远程验证。这允许我们在服务器端检查输入数据的合法性，而无需立即提交表单。以下是一个示例： ```javascript $("#myForm").validate({ rules: { fieldName: { ...