工作中用到的,记录下来。新手一个,各位若有兴趣,可以留言讨论。
第一个:输入欲注册的用户名,即时验证该用户名是否存在。
一、JSP:
<form method="post" action="..." id="entpreg_stepfive">
<label for="usercode">登录账户:</label>
<input type="text" name="etp.userCode" id="usercode"/><span id="usercode_valid"></span>
</from>
二、JS:
$("#entpreg_stepfive").validate({
rules:{
'etp.userCode':{
remote: {
type: "post",
url: "/powerSD/sdplat/etp/userCodeExist.action",
data: {
userCode: function() {
return $("#etp.userCode").val();
}
},
dataType: "html",
dataFilter: function(data, type) {
if (data == "true"){
return true;
}else{
return false;
}
}
}
}
},
messages:{
'etp.userCode':{
remote: "用户名已被占用"
}
}
});
三、JAVA:
1)EtpManageAction.java
public void userCodeExist(){
String sign = "false";
String userCode = $("etp.userCode");
if(this.getEtpManageService().userCodeExist(userCode)){ //即“2)”
sign = "true";
}
super.renderText(sign); //开发框架的功能,可用“response.getWriter().print(sign)”代替
}
2)EtpManageServiceImpl.java
public boolean userCodeExist(String userCode){
boolean sign = false;
Map params = new HashMap();
params.put("userCode", userCode);
String userCodeS = this.ibatisDao.getString("etp-manage.findUserCodeForMap", params); //ibatis
if(userCodeS == null){
sign = true;
}
return sign;
}
3)sql-cust-manage.xml
<select id="findUserCodeForMap" parameterClass="hashMap" resultClass="String">
select t.usercode
from t_scm_cust_register t
where t.userCode = #userCode#
</select>
----------------------------------------------------------------------------------------------------------------
第二个:限定用户名只可以是字母、数字和下划线
一、JSP:
<form method="post" action="..." id="entpreg_stepfive">
<label for="usercode">登录账户:</label>
<input type="text" name="etp.userCode" id="usercode"/><span id="usercode_valid"></span>
</from>
二、JS:
$(function(){
jQuery.validator.addMethod("regex",
function(value, element, params) {
var exp = new RegExp(params);
return exp.test(value);
}, "格式错误");
$("#entpreg_stepfive").validate({
rules:{
'etp.userCode':{
regex: "^\\w+$"
}
},
messages:{
'etp.userCode':{
regex: "数字、字母或下划线"
}
}
});
});
OVER!
分享到:
相关推荐
jquery表单验证框架:jquery.validate.zip 附:中文API 文档
jQuery.validate验证,很全面的文档。
自做的一个简单的表单验证 jquery validate 表单验证 jquery validate 表单验证
jquery-validate 可对前端form进行表单校验,文档里详细介绍了如何使用jquery-validate框架和如何扩展验证方法。
14 rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串(汉字算一个字符)。 15 range:[5,10] 输入值必须介于 5 和 10 之间。 16 max:5 输入值不能大于 5。 17 min:10 输入值不能小于 10
jquery.validate.1.9.0.min.js jquery.validate.1.12.0.min.js jquery.validate.1.13.1.min.js jquery.validate.1.16.0.min.js jquery.validate.1.14.0.min.js jquery.validate.1.15.1.min.js jquery.validate....
jquery-validate 验证插件
jquery validate 验证手册
jquery.validate表单验证密码完整例子(带密码强度显示)
NULL 博文链接:https://wwwzhouhui.iteye.com/blog/1068451
jQuery validate 验证 个性化验证
jQuery验证框架jquery.validate.js说明文档 手册
jquery.validate.min.js 1.16.0插件,jquery验证
jquery.validate.js jquery.validate.js
非常好的Jquery validate:每个案例独立,都有注释 讲解了: 环境搭建 常见验证方法配置 国际化错误消息 自定义方法和远程验证 给验证添加 图标效果
jquery 验证表单1.8版本,附加常用地址 https://docs.microsoft.com/en-us/aspnet/ajax/cdn/jquery-validate/cdnjqueryvalidate18
jquery.validate Validation .js验证框架 帮助 手册 文档.chm 版本 方面查询 (一)、可选项( options ) 1 (二)插件方法 (jQuery validation) 6 (三、四)选择器及实用工具 (jQuery validation) 7 四、实用工具...
jquery validate表单验证插件制作注册表单提交验证 jquery validate表单验证插件制作注册表单提交验证
jquery-validate验证输入框
jquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.js...