`

jquery.validate.js的remote用法

阅读更多

<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);
   }
  }

分享到:
评论

相关推荐

    jquery.validate.js表单验证.pdf

    1. jquery.validate.js的引入:文件提到了引入jquery.validate.js的方法,需要先引入jquery.js,然后引入jquery.validate.js。这是因为jquery.validate.js依赖于jquery.js。 2. 验证规则:文件列出了jquery....

    jQuery.validate.js

    jQuery.validate.js是一款强大的JavaScript插件,专为jQuery框架设计,用于实现前端表单验证,提供了丰富的验证规则和自定义选项,使得开发者能够轻松地构建具有高效验证功能的网页。 一、jQuery.validate.js的核心...

    jQuery.validate 用法

    本文将深入探讨jQuery.validate的使用方法以及源码解析,帮助开发者更好地理解和运用这一工具。 首先,我们来了解一下jQuery.validate的基本用法。引入jQuery和jQuery.validate库后,我们可以通过调用`$("#formID")...

    jquery.validate.js 和 帮助文档.rar

    本文将深入探讨jQuery validate.js的核心功能及其API,同时结合提供的帮助文档,为你揭示其背后的实现原理和使用技巧。 首先,jQuery validate.js的主要功能是为HTML表单提供强大的验证规则。通过简单的配置,...

    jQuery.validate验证

    <script src="path/to/jquery.validate.js" type="text/javascript"> ``` 2. **默认验证规则**: - `required`: 验证字段是否为空,不能为空。 - `remote`: 使用AJAX调用指定的URL检查输入值的有效性。 - `...

    jQuery验证控件jquery.validate.js使用说明+中文API

    jQuery 验证控件 jquery.validate.js 是一个功能强大且广泛使用的 JavaScript 验证插件,旨在帮助开发者快速实现表单验证功能。下面是 jquery.validate.js 的使用说明和中文 API。 导入 jQuery 库和 jquery....

    jquery.validate.js jquery.metadata.js

    在Web开发中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。而jQuery Validate和jQuery Metadata是两个插件,它们分别提供了表单验证和元数据功能,大大增强了jQuery在前端验证...

    jquery.validate.js用法.doc

    ### jQuery.validate.js 插件详解及使用方法 #### 一、引言 `jQuery.validate.js` 是基于 jQuery 的一个非常强大的表单验证插件。它不仅提供了多种预定义的验证规则,还支持自定义规则,并且可以轻松地与 HTML 表单...

    jQuery.validate.js+API中文

    《jQuery.validate.js API 中文详解》 jQuery.validate.js 是一个非常流行的JavaScript库,它为HTML表单提供了强大的验证功能。这个库是基于jQuery构建的,因此可以无缝集成到任何使用jQuery的项目中,大大简化了...

    jquery.validate.js 用法

    在给定的部分内容中,我们看到了一段具体的使用`jquery.validate.js`的代码实例。下面我们将对这段代码进行详细分析: ```javascript $().ready(function(){ $("#signupForm").validate({ rules:{ loginname:{ ...

    jQuery验证控件jquery.validate.js使用说明+中文API.doc

    jQuery.validate.js是一个非常流行的JavaScript库,它为jQuery提供了一个强大的表单验证功能。这个插件使得在网页上创建用户输入验证变得简单而直观,能够帮助开发者确保用户提交的数据符合预设的规则,从而提高用户...

    jquery.validate.js表单验证[借鉴].pdf

    要在项目中使用 `jQuery.validate.js`,首先需要引入 jQuery 库,然后引入 validate 插件,如下所示: ```html <script src="../js/jquery.js" type="text/javascript"> <script src="../js/jquery.validate.js" ...

    Struts2+jquery.validate框架实现用户名是否存在

    使用jQuery.validate的`addMethod`方法自定义验证规则。例如,上面示例中的`usename`方法检查用户名是否为4到12个字符,并且包含数字或字母。同时,在`$("form")`的`validate()`函数中定义了`username`字段的验证...

    Jquery.validate插件使用方法

    1. **引入资源**:在项目中,首先需要引入jQuery库和jQuery.validate插件的js文件,通常包括`jquery.js`、`jquery.validate.js`以及可选的`additional-methods.js`(包含了一些额外的验证方法)。 2. **初始化验证*...

    jquery.validate.js

    《深入解析jQuery validate.js插件及其应用》 在前端开发中,验证用户输入...总之,掌握jQuery validate.js插件的精髓,不仅在于了解其基本用法,更在于如何灵活运用其特性,解决复杂场景下的验证问题,提升用户体验。

    jquery.validate的使用说明介绍

    下面将详细介绍jquery.validate的使用方法。 一、准备工作 在使用jquery.validate之前,首先需要确保页面已经引入了jQuery库,且版本需在1.2.6以上。这是因为jquery.validate依赖于jQuery,且在1.3.2版本中已进行过...

    jquery.validate.js的用法

    #### 二、基本使用方法 在使用 jQuery.validate.js 之前,需要先引入 jQuery 库以及 validate 插件文件。下面是一段简单的示例代码: ```html <script src="path/to/jquery.min.js"> <script src="path/to/jquery....

Global site tag (gtag.js) - Google Analytics