jquery表单验证插件验证用户名是否存在的例子,remote里面错了,就教?

问题描述

输入用户名不能提交到userbiz.javay页面,求教?<scripttype="text/javascript"src="js/jquery-1.3.1.js"></script><scripttype="text/javascript"src="js/jquery.validate.js"></script><scripttype="text/javascript"src="js/jquery.validate.messages_cn.js"></script><scripttype="text/javascript">$(document).ready(function(){$("#cls").validate({rules:{username:{required:true,minlength:2,maxlength:8,remote:{url:"UserBiz",type:"post",dateType:"json",data:{username:function(){return$("#username").val();}}}},password:{required:true,minlength:6,maxlength:10},confirm_password:{required:true,equalTo:"#password"},email:{required:true,email:true}},messages:{username:{required:'请输入姓名',remote:'用户名已存在',minlength:'请至少输入两个字符',maxlength:'最多请输入八个字符'},password:{required:'请输入密码',minlength:'请至少输入六个字符',maxlength:'最多请输入十个字符'},confirm_password:{required:'请再次输入密码',equalTo:"请检查密码是否一致"},email:{required:'请输入电子邮件地址',email:'请检查电子邮件的格式'}},errorElement:"em",//用来创建错误提示信息标签success:function(label){//验证成功后的执行的回调函数//label指向上面那个错误提示信息标签emlabel.text("")//清空错误提示消息.addClass("success");//加上自定义的success类}});});</script></head><body><formmethod="post"action=""id="cls"><pclass="int"><labelfor="username"><spanclass='high'>*</span>用户名:</label><inputtype="text"id="username"name="username"class="username"/></p><pstyle="margin-top:0px;padding-top:2px;padding-left:100px">2~18个字符,包括字母、数字、下划线</p><pclass="int"><labelfor="password"><spanclass='high'>*</span>密码:</label><inputtype="password"id="password"name="password"/></p><pstyle="margin-top:0px;padding-top:2px;padding-left:100px">密码长度6~10位</p><pclass="int"><labelfor="confirm_password"><spanclass='high'>*</span>确认密码:</label><inputtype="password"id="confirm_password"name="confirm_password"/></p><pstyle="margin-top:0px;padding-top:2px;padding-left:100px">请确认输入的密码相同</p><pclass="int"><labelfor="email"><spanclass='high'>*</span>邮箱:</label><inputtype="text"id="email"name="email"/></p><pstyle="margin-top:0px;padding-top:2px;padding-left:100px">请输入有效的邮件地址</p><pclass="sub"><inputtype="submit"value="提交"id="send"class="submit"/><inputtype="reset"id="res"/></p></form>userbiz.javapublicStringusername;publicStringgetUsername(){returnusername;}publicvoidsetUsername(Stringusername){this.username=username;}publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{username=request.getParameter("username");}publicbooleancheck(){System.out.print(username);booleanvalid=false;String[]list={"abc","aaaaaa","cccccc"};for(inti=0;i<list.length;i++){if(username.equals(list[i])){valid=true;System.out.print(username);}}returnvalid;}

解决方案

解决方案二:
该回复于2014-05-28 10:02:19被版主删除

时间: 2024-07-30 08:27:37

jquery表单验证插件验证用户名是否存在的例子,remote里面错了,就教?的相关文章

易操作的jQuery表单提示插件_jquery

本文实例讲述了一款轻量级的表单提示插件---jQuery Form Toolltip.分享给大家供大家参考.具体如下: jQuery Form Toolltip 特点: 你可以单独自定义提示信息的CSS样式. 你可以指定淡入淡出的方向,当前支持Top, Bottom, Right 和 Left 运行效果截图如下: 具体代码如下: jquery实例:jQuery Form Toolltip使用方法引入核心文件 <script src="js/jquery/2.1.1/jquery.min.j

jQuery表单美化插件jqTransform使用详解_jquery

jQuery Form表单美化插件jqTransform,非常实用的jQuery插件,自动把你整个Form表单进行美化处理,包括SELECT下拉框.文本框.单选.复选框.按钮等,当然不支持input file文件选择框,这个可以参照我们之前的input file选择框美化教程进行改造,在浏览器兼容方面,兼容 ie 6+, safari 2+, firefox 2+,插件还是很不错的,使用起来也很简单,推荐学习和使用. 使用方法: 1.加载jQuery和插件 <script type="te

jquery 表单进行客户端验证demo_jquery

复制代码 代码如下: <%@ page language="java" pageEncoding="gbk"%> <html> <head> <title>jqueryValidateDemo</title> <script type="text/javascript" src="js/jquery.js"></script> <scri

jquery 表单美化插件效果

<!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" xml:lang="fr" lang="fr"> <

jquery表单验证插件(jquery.validate.js)的3种使用方式_jquery

jquery  验证非常简单,下面总结常用的三种方式: 第一种方式:也是比较标准的方式: 首先引入jquery  插件和 jquery 验证插件: 第一步:引入插件 复制代码 代码如下: <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script> <script type="text/javascript" src="js/jq

jquery 表单验证之通过 class验证表单不为空_jquery

在开发系统时,往往都有某些表单数据为必填项,若用jQuery通过ID去验证,不仅会影响效率,还会有所遗漏,不易于后期维护. 本章将介绍如何利用jQuery,通过为表单配置class进行统一验证.(ID一个页面只可以使用一次:class可以多次引用) 1:为input添加class,名字可以随意设置,但每个input需要保持一致,本章案例calss设置为noNull.(若input已有class属性,可直接加到其后) 2:为input添加一个属性,用来后期通过jquery获取该字段,用作提示语.本

jquery表单验证需要做些什么_jquery

一.当元素失去焦点时发生blur 事件. 实例:jQuery blur() 方法 添加函数到 blur 事件.当 <input> 字段失去焦点时发生 blur 事件: $("input").blur(function(){ alert("This input field has lost its focus."); }); 定义和用法当元素失去焦点时发生 blur 事件. blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数.

Jquery表单验证失败后不提交的解决方法_jquery

前言 这个问题经过我的整理发现是对事件的认识和js的结构没有了解清楚,return的false在onclick事件中没有返回,所以onclick之后只是显示了false值. 解决方法示例 就是一个普通的表单验证提交: <input type="botton" </code><code>onclick="javascript:checkUserInfo()"</code><code>/> checkUserI

jquery表单插件Autotab使用方法详解_jquery

Autotab也是一款功能专一的表单插件,它提供了自动跳格的功能,当用户输入的字符数一旦超过已定义的最大长度,则会根据事先设置的目标自动跳转到相应元素上,省却了 用户按[Tab]键的麻烦.最典型的应用就是输入IP地址.软件激活码等地方了,我们做的web项目中也有很多地方可以用到这插件,对于提高用户体验还是很有帮助的. 使用时需要引入jquery.autotab.js,下载地址:点击进入下载页面 <html> <head> <title> New Document <

一款比较实用齐全的jQuery表单验证插件

一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~ 可以验证哪些? 文字,日期,邮箱,网址,数字,AJAX用户名验证以及自定义的正则等等几乎所有我们要用到的验证. 不多说,看DEMO吧:点些下载 如何使用? 第一步,当然是和使用其他jQuery插件一样,引入插件文件vanadium.js;第二步,根据你表单要使用的验证方法,在你的表单中加入对应的验证挂钩.比如你想使下面的表单为必填项: