$.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通过JavaScript实现前端验证,可以在用户填写表单时立即给出反馈,无需等待服务器响应。这样...
jQuery formValidator是一款强大的JavaScript表单验证插件,它基于jQuery库构建,旨在简化网页表单的数据验证过程,提供用户友好的交互体验。该插件通过自定义规则和错误消息,可以轻松实现各种复杂的验证需求,使得...
6. **异步验证**:对于需要服务器验证的情况,formValidator支持异步验证,如检查用户名是否已存在,确保数据的唯一性。 7. **分组验证**:可以将多个表单字段分组,当一组中的所有字段都通过验证后,才进行下一步...
formvalidator还支持复杂的场景,比如联动验证、异步验证(如检查用户名是否已存在),以及自定义验证提示样式等。这些高级功能使得formvalidator成为处理表单验证的首选工具。 总结,"formvalidator"作为一款强大...
5. **异步验证**:支持通过AJAX进行异步验证,例如检查用户名是否已存在,增强了验证的灵活性。 ### 二、日历组件 1. **用户界面**:日历组件设计简洁,易于用户操作,提供了日、周、月三种视图模式。 2. **事件...
7. **异步验证**:formValidator还支持异步验证,例如,可以验证用户输入的用户名是否已存在,通过发送Ajax请求到服务器,然后返回验证结果。 8. **国际化**:由于标签中提到了“jquery”,我们可以推断...
2. **异步验证**:支持使用Ajax进行异步验证,例如检查用户名是否已存在,提高用户体验。 3. **自定义提示样式**:可以通过CSS自定义错误提示的样式,使其更好地融入网站设计。 4. **验证顺序**:可以设置验证顺序...
该插件能够轻松地对用户输入进行实时检查,确保数据的有效性和格式正确。例如,它可以验证电子邮件地址的格式、数字的范围、必填字段的存在等。开发者可以通过设置规则和提示信息,自定义验证行为,提升用户体验,...
首先,你需要在项目中引入jQuery库和FormValidator插件。如果已经安装了jQuery,只需下载FormValidator 4.1.3压缩包,并在HTML文件中引入相应的CSS和JS文件: ```html <link rel="stylesheet" href="path/to/...
在实际应用中,开发者可以在表单的提交事件中集成formValidator插件,通过调用其验证函数,检查表单数据是否符合要求。如果所有验证都通过,则可以允许表单提交到服务器;如果有验证失败,将阻止提交并显示相应的...
4. **异步验证**:支持Ajax方式验证,如检查用户名是否已存在。 5. **提示样式**:内置多种提示样式,也可自定义样式,以适应不同设计需求。 **四、formValidator插件扩展** 在压缩包中的`lesson16插件`可能包含...
1. **引入依赖**:首先需要在页面中引入jQuery库和formValidator插件的JavaScript及CSS文件。 2. **初始化插件**:通过jQuery选择器选中表单元素,并调用`.formValidator()`方法进行初始化,设置验证规则和选项。 3....
4. **用户存在验证**:为了检查用户是否存在,通常会有一个Ajax请求发送到服务器,通过Struts2 Action处理。Action会查询数据库并返回结果。如果用户已存在,Action会返回一个特定的标识,前端接收到后显示相应的...
6. **异步验证**:在某些情况下,可能需要在服务器端进行验证,例如检查用户名是否已存在。formValidator支持异步验证,通过AJAX请求将数据发送到服务器,获取验证结果,并根据结果决定是否允许表单提交。 7. **UI...
首先,表单验证是网页应用中必不可少的部分,它主要负责检查用户在表单中提交的数据是否符合预设的规则。这些规则可能包括数据类型(如电子邮件地址、电话号码、数字等)、长度限制、格式规范等。有效的表单验证可以...
总的来说,解决jQuery FormValidator插件在Ajax验证时存在的这个bug,需要对验证逻辑进行适当的调整,确保在内容未改变且不需要重新验证的情况下,不会错误地触发验证失败的提示。通过这样的优化,可以提高用户体验...
2. 异步验证:使用AJAX发送请求验证用户输入,如检查邮箱是否已存在。 3. 回调函数:在验证成功或失败时执行自定义回调函数,实现更灵活的业务逻辑。 4. 表单分组验证:将相关字段分组,按需验证整个组。 五、最佳...