Jquery_Ajax 注册验证(Struts2)<学习随笔>
2015-08-28 11:01
609 查看
action
public String ajaxYanZheng() throws Exception{
String name=ServletActionContext.getRequest().getParameter("name");
//查询是否存在 要查询的账号 如果不存在 返回 true 否则 false
Boolean b= us.byFindUsername(name);
ServletActionContext.getResponse().getWriter().print(b);
return nul;
}
Struts2 XML配置
<package name="test" extends="struts-default" namespace="/">
<action name="ajax_*" class="action.Ajax" method="{1}">
</result>
</action>
</package>
页面 和JavaScript(借用 jquery库)
<script type="text/javascript" src="js/jquery-1.5.1.js">
</script>
<script type="text/javascript">
function findByName() {
$.ajax( {
url : 'ajax_ajaxYanZheng.action',
data : {
name : $("#name").val()
},
type : 'post',
dataType : 'json',
async: false,
cache: false,
success : function(result) {
if (result) {
$('#lb').text('账号可以注册');
}
},
error : function() {
$('#lb').text('账号已经被注册');
}
});
return true;
}
</script>
</head>
<body>
<input type="text" id="name" name="name" onblur="findByName()"/><label id="lb"></label> <br>
<input type="password" name="passworld" style="width: 156px; "/><br>
<input type="submit" value="注册"/>
</body>
</html>
onblur 失去焦点执行
还有一个重要的包commons-lang3-3.1.jar
public String ajaxYanZheng() throws Exception{
String name=ServletActionContext.getRequest().getParameter("name");
//查询是否存在 要查询的账号 如果不存在 返回 true 否则 false
Boolean b= us.byFindUsername(name);
ServletActionContext.getResponse().getWriter().print(b);
return nul;
}
Struts2 XML配置
<package name="test" extends="struts-default" namespace="/">
<action name="ajax_*" class="action.Ajax" method="{1}">
</result>
</action>
</package>
页面 和JavaScript(借用 jquery库)
<script type="text/javascript" src="js/jquery-1.5.1.js">
</script>
<script type="text/javascript">
function findByName() {
$.ajax( {
url : 'ajax_ajaxYanZheng.action',
data : {
name : $("#name").val()
},
type : 'post',
dataType : 'json',
async: false,
cache: false,
success : function(result) {
if (result) {
$('#lb').text('账号可以注册');
}
},
error : function() {
$('#lb').text('账号已经被注册');
}
});
return true;
}
</script>
</head>
<body>
<input type="text" id="name" name="name" onblur="findByName()"/><label id="lb"></label> <br>
<input type="password" name="passworld" style="width: 156px; "/><br>
<input type="submit" value="注册"/>
</body>
</html>
onblur 失去焦点执行
还有一个重要的包commons-lang3-3.1.jar
相关文章推荐
- jquery密码强度检测
- jQuery实现表单步骤流程导航代码分享
- jQuery基于ajax实现星星评论代码
- jQuery实现的Div窗口震动效果实例
- jQuery获取URL中所带参数的办法
- jquery设置控件位置的方法
- jquery获取html元素的绝对位置和相对位置的方法
- jquery中attr和prop的区别(转)
- jQuery实现动态添加和删除一个div
- jquery实现的弹出层登录和全屏层注册特效代码分享
- jquery使用cdn加载问题
- jQuery JCrop插件的使用详解
- jQuery EasyUI和PHP实现数据的CURD操作
- jquery的promise处理嵌套请求
- jquery实现多条件筛选特效代码分享
- 28、Jquery 页面效果
- 单选框 4000 、复选框、文本框的只读设置方法
- jquery实现的用户注册表单提示操作效果代码分享
- jquery衣服颜色选取插件效果代码分享
- jQuery表单验证功能实例