<script>
$(function(){
$("#myform").validate(
{
rules: {
name:{required:true,rangelength:[6,20],
remote:{ //验证用户名是否存在
type:"POST",
url:"loginVerifyAction", //servlet
data:{
name:function(){return $("#name").val();}
}
}
},
password: {required:true,minlength:6},
repassword: {required:true,equalTo:"#password"},
veryCode: {required:true,
remote:{
type:"POST",
url:"valCodeAction",
data:{
veryCode:function(){return $("#veryCode").val();}
}
}
}
},
messages: {
name:{required:"用户名不能为空!",rangelength:jQuery.format("用户名位数必须在{0}到{1}字符之间!"),remote:jQuery.format("用户名已经被注册")},
password: {required:"密码不能为空!",minlength:jQuery.format("密码位数必须大于等于6个字符!")},
repassword: {required:"确认密码不能为空!",equalTo:"确认密码和密码不一致!"},
veryCode: {required:"请输入验证码",remote:jQuery.format("验证码错误")}
}
});
});
</script>
servlet代码:
//验证用户名是否存在
public class LoginVerifyAction extends HttpServlet {
public void service(HttpServletRequest request, HttpServletResponse response)
throws IOException, ServletException {
response.reset();
response.setContentType("text/html;charset=UTF-8");
//业务逻辑操作countByParams得到值并存储到num中
if(num!=0){
response.getWriter().print(false);
}
else{
response.getWriter().print(true);
}
}
}
//验证验证码
public class ValCodeAction extends HttpServlet {
public void service(HttpServletRequest request, HttpServletResponse response)
throws IOException, ServletException {
//得到验证码的操作请看另一篇文章 :验证码
response.setContentType("text/html;charset=UTF-8");
String validateC = request.getSession().getAttribute("validateCode").toString().trim();
String veryCode = request.getParameter("veryCode").trim();
if(veryCode.equals(validateC)){
response.getWriter().print(true);
}else{
response.getWriter().print(false);
}
}
分享到:
相关推荐
1. jquery.validate.js的引入:文件提到了引入jquery.validate.js的方法,需要先引入jquery.js,然后引入jquery.validate.js。这是因为jquery.validate.js依赖于jquery.js。 2. 验证规则:文件列出了jquery....
jQuery.validate.js是一款强大的JavaScript插件,专为jQuery框架设计,用于实现前端表单验证,提供了丰富的验证规则和自定义选项,使得开发者能够轻松地构建具有高效验证功能的网页。 一、jQuery.validate.js的核心...
本文将深入探讨jQuery.validate的使用方法以及源码解析,帮助开发者更好地理解和运用这一工具。 首先,我们来了解一下jQuery.validate的基本用法。引入jQuery和jQuery.validate库后,我们可以通过调用`$("#formID")...
本文将深入探讨jQuery validate.js的核心功能及其API,同时结合提供的帮助文档,为你揭示其背后的实现原理和使用技巧。 首先,jQuery validate.js的主要功能是为HTML表单提供强大的验证规则。通过简单的配置,...
<script src="path/to/jquery.validate.js" type="text/javascript"> ``` 2. **默认验证规则**: - `required`: 验证字段是否为空,不能为空。 - `remote`: 使用AJAX调用指定的URL检查输入值的有效性。 - `...
jQuery 验证控件 jquery.validate.js 是一个功能强大且广泛使用的 JavaScript 验证插件,旨在帮助开发者快速实现表单验证功能。下面是 jquery.validate.js 的使用说明和中文 API。 导入 jQuery 库和 jquery....
在Web开发中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。而jQuery Validate和jQuery Metadata是两个插件,它们分别提供了表单验证和元数据功能,大大增强了jQuery在前端验证...
### jQuery.validate.js 插件详解及使用方法 #### 一、引言 `jQuery.validate.js` 是基于 jQuery 的一个非常强大的表单验证插件。它不仅提供了多种预定义的验证规则,还支持自定义规则,并且可以轻松地与 HTML 表单...
《jQuery.validate.js API 中文详解》 jQuery.validate.js 是一个非常流行的JavaScript库,它为HTML表单提供了强大的验证功能。这个库是基于jQuery构建的,因此可以无缝集成到任何使用jQuery的项目中,大大简化了...
在给定的部分内容中,我们看到了一段具体的使用`jquery.validate.js`的代码实例。下面我们将对这段代码进行详细分析: ```javascript $().ready(function(){ $("#signupForm").validate({ rules:{ loginname:{ ...
jQuery.validate.js是一个非常流行的JavaScript库,它为jQuery提供了一个强大的表单验证功能。这个插件使得在网页上创建用户输入验证变得简单而直观,能够帮助开发者确保用户提交的数据符合预设的规则,从而提高用户...
要在项目中使用 `jQuery.validate.js`,首先需要引入 jQuery 库,然后引入 validate 插件,如下所示: ```html <script src="../js/jquery.js" type="text/javascript"> <script src="../js/jquery.validate.js" ...
使用jQuery.validate的`addMethod`方法自定义验证规则。例如,上面示例中的`usename`方法检查用户名是否为4到12个字符,并且包含数字或字母。同时,在`$("form")`的`validate()`函数中定义了`username`字段的验证...
1. **引入资源**:在项目中,首先需要引入jQuery库和jQuery.validate插件的js文件,通常包括`jquery.js`、`jquery.validate.js`以及可选的`additional-methods.js`(包含了一些额外的验证方法)。 2. **初始化验证*...
《深入解析jQuery validate.js插件及其应用》 在前端开发中,验证用户输入...总之,掌握jQuery validate.js插件的精髓,不仅在于了解其基本用法,更在于如何灵活运用其特性,解决复杂场景下的验证问题,提升用户体验。
下面将详细介绍jquery.validate的使用方法。 一、准备工作 在使用jquery.validate之前,首先需要确保页面已经引入了jQuery库,且版本需在1.2.6以上。这是因为jquery.validate依赖于jQuery,且在1.3.2版本中已进行过...
#### 二、基本使用方法 在使用 jQuery.validate.js 之前,需要先引入 jQuery 库以及 validate 插件文件。下面是一段简单的示例代码: ```html <script src="path/to/jquery.min.js"> <script src="path/to/jquery....