`

formValidator插件检查用户是否已存在

阅读更多
$.formValidator.initConfig({formid:"form1",autotip:true,onerror:function(msg){alert(msg)}});
		$("#userId").formValidator({tipid:"userIdTip",
							onshow:"",
							onfocus:"不能有空格,可以是中文,长度控制在 3-12 字节以内 不区分大小写",
							oncorrect:"pass"})
					.inputValidator({min:3,max:12,onerror:"长度必须控制在 3-12 字节以内"})
					//.regexValidator({regexp:"username",datatype:"enum",onerror:"用户名格式不正确"})
					.ajaxValidator({
									type : "post",
									url : "login.portal?action=checkUser",
									datatype : "html",
									//data: "userId="+escape($("#userId").val()),
									//async : true,
									//processdata : true;
									success : function(data){
										var text=$(data).text();
										if(text=="yes"){
											return true;
										}else{
											return false;
										}
									},
									//buttons: $("#register"),
									error: function(){alert("服务器没有返回数据,可能服务器忙,请重试");},
									onerror : "该用户名不可用,请更换用户名",
									onwait : "正在对用户名进行合法性校验,请稍候..."
								});

<tr>
					<td>
						用户名<span>*</span>
					</td>
					<td>
						<html:text property="userId" styleId="userId" size="30" maxlength="20"/>
						<font Color="red"><html:errors property="error.login.userId.exist"/></font>
					</td>
					<td>
						<div id="userIdTip"></div>
					</td>
				</tr>

java代码片段:
if("checkUser".equals(form.getAction())){//ajax
			System.out.println("----------checkUser-----------");
			String userId=request.getParameter("userId");
//			System.out.println("userId="+userId);
			User user=this.getUserService().get(userId);
			try {
//				response.setHeader("ContentType", "text/xml");
//				response.getWriter().write("<msgs>");
				if(user==null){
					response.getWriter().write("<span>yes</span>");
				}else{
					response.getWriter().write("<span>no</span>");
				}
//				response.getWriter().write("</msgs>");
			} catch (IOException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}
分享到:
评论

相关推荐

    formValidator4.0.1表单验证插件

    在网页开发中,表单验证是必不可少的一环,因为它能够实时检查用户输入,防止无效或错误的数据被提交。formValidator4.0.1通过JavaScript实现前端验证,可以在用户填写表单时立即给出反馈,无需等待服务器响应。这样...

    jQuery formValidator表单验证插件示例源码.rar

    jQuery formValidator是一款强大的JavaScript表单验证插件,它基于jQuery库构建,旨在简化网页表单的数据验证过程,提供用户友好的交互体验。该插件通过自定义规则和错误消息,可以轻松实现各种复杂的验证需求,使得...

    jQuery formValidator表单验证插件

    6. **异步验证**:对于需要服务器验证的情况,formValidator支持异步验证,如检查用户名是否已存在,确保数据的唯一性。 7. **分组验证**:可以将多个表单字段分组,当一组中的所有字段都通过验证后,才进行下一步...

    formvalidator

    formvalidator还支持复杂的场景,比如联动验证、异步验证(如检查用户名是否已存在),以及自定义验证提示样式等。这些高级功能使得formvalidator成为处理表单验证的首选工具。 总结,"formvalidator"作为一款强大...

    一款jquery 表单插件还日历插件 formValidator3.1

    5. **异步验证**:支持通过AJAX进行异步验证,例如检查用户名是否已存在,增强了验证的灵活性。 ### 二、日历组件 1. **用户界面**:日历组件设计简洁,易于用户操作,提供了日、周、月三种视图模式。 2. **事件...

    jQuery formValidator表单验证插件3.1.rar

    7. **异步验证**:formValidator还支持异步验证,例如,可以验证用户输入的用户名是否已存在,通过发送Ajax请求到服务器,然后返回验证结果。 8. **国际化**:由于标签中提到了“jquery”,我们可以推断...

    formValidator

    2. **异步验证**:支持使用Ajax进行异步验证,例如检查用户名是否已存在,提高用户体验。 3. **自定义提示样式**:可以通过CSS自定义错误提示的样式,使其更好地融入网站设计。 4. **验证顺序**:可以设置验证顺序...

    HTML/PHP/ASP/ASP.NET/JSP... jQuery UI.FormValidator 多功能实用表单输入检查插件

    该插件能够轻松地对用户输入进行实时检查,确保数据的有效性和格式正确。例如,它可以验证电子邮件地址的格式、数字的范围、必填字段的存在等。开发者可以通过设置规则和提示信息,自定义验证行为,提升用户体验,...

    jquery表单注册验证formvalidator4.1.3完整下载

    首先,你需要在项目中引入jQuery库和FormValidator插件。如果已经安装了jQuery,只需下载FormValidator 4.1.3压缩包,并在HTML文件中引入相应的CSS和JS文件: ```html &lt;link rel="stylesheet" href="path/to/...

    jQuery插件formValidator实现表单验证

    在实际应用中,开发者可以在表单的提交事件中集成formValidator插件,通过调用其验证函数,检查表单数据是否符合要求。如果所有验证都通过,则可以允许表单提交到服务器;如果有验证失败,将阻止提交并显示相应的...

    基于formValidator表单验证代码

    4. **异步验证**:支持Ajax方式验证,如检查用户名是否已存在。 5. **提示样式**:内置多种提示样式,也可自定义样式,以适应不同设计需求。 **四、formValidator插件扩展** 在压缩包中的`lesson16插件`可能包含...

    jQuery formValidator高级表单验证

    1. **引入依赖**:首先需要在页面中引入jQuery库和formValidator插件的JavaScript及CSS文件。 2. **初始化插件**:通过jQuery选择器选中表单元素,并调用`.formValidator()`方法进行初始化,设置验证规则和选项。 3....

    整合了struts2 jquery的formValidator表单验证的页面代码

    4. **用户存在验证**:为了检查用户是否存在,通常会有一个Ajax请求发送到服务器,通过Struts2 Action处理。Action会查询数据库并返回结果。如果用户已存在,Action会返回一个特定的标识,前端接收到后显示相应的...

    JQuery制作的formValidator表单验证

    6. **异步验证**:在某些情况下,可能需要在服务器端进行验证,例如检查用户名是否已存在。formValidator支持异步验证,通过AJAX请求将数据发送到服务器,获取验证结果,并根据结果决定是否允许表单提交。 7. **UI...

    表单验证、字段ajax验证 formValidator.1.7

    首先,表单验证是网页应用中必不可少的部分,它主要负责检查用户在表单中提交的数据是否符合预设的规则。这些规则可能包括数据类型(如电子邮件地址、电话号码、数字等)、长度限制、格式规范等。有效的表单验证可以...

    jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法

    总的来说,解决jQuery FormValidator插件在Ajax验证时存在的这个bug,需要对验证逻辑进行适当的调整,确保在内容未改变且不需要重新验证的情况下,不会错误地触发验证失败的提示。通过这样的优化,可以提高用户体验...

    javaScript表单验证大全

    2. 异步验证:使用AJAX发送请求验证用户输入,如检查邮箱是否已存在。 3. 回调函数:在验证成功或失败时执行自定义回调函数,实现更灵活的业务逻辑。 4. 表单分组验证:将相关字段分组,按需验证整个组。 五、最佳...

Global site tag (gtag.js) - Google Analytics