Struts 2.1.6精简实例系列教程(5)：用户注册模块（整合Jquery） - 编程入门网
作者 佚名技术
来源 NET编程
浏览
发布时间 2012-06-20
| ?loginName1=" + loginName;
$.get(url, null , callback); //用get方式向服务器端发送数据
});
function callback(msg){
if("success" == msg){ //收到服务器端返回的"success"字符串
$("#result").html(""); //清空提示信息显示域
state = true; //设置submit状态为true,表示允许提交
}else{
state = false; //设置submit状态为false,表示不允许提交
$("#result").html(msg); //将服务器端返回的提示信息渲染页面
}
}
//当表单submit时,会触发此function.
//若return true,则提交,若return false,则不提交
$("form").submit(function(){
return state;
});
});
</script>
</head>
<body>
<h2>用户注册页</h2>
<s:fielderror></s:fielderror>
<form action="register.action" method="post">
账号<input type="text" id="loginName" name="user.loginName" value="${loginName}"/>
<span id="result" style="color:red;"></span><br/>
密码<input type="password" id="password" name="user.password"><br/>
<input type="submit" value="注册"/>
</form>
</body>
</html>
好，我们来运行一下，看看效果怎么样。输入http://localhost:8060/SimpleWeb/registerform.action。运行效果截图如下： 当输入账号的长度小于4时，输入框右边会动态地显示如下的提示信息，而页面并不刷新、不重新加载。此时，点“注册”是提交不了的。
当输入长度为4-8之间时，如“blogjava”，点注册后，能成功提交。
当数据库中已存在输入的用户名时，会给出相应的提示信息，如再次注册时输入“blogjava”，会动态显示如下信息：
好，本期就介绍到这里，还是重复那一句，要学好Jquery的话，还得多看API文档，并多做些例子测试一下，感受一下。 下期我们将继续Struts2.1.6 + Jquery整合的话题，并且引进JSON。敬请大家期待“Struts 2.1.6 精简实例系列教程(6)：重写用户登录模块（整合Jquery+JSON）”。 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于Struts 2.1.6精简实例系列教程(5)：用户注册模块（整合Jquery） - 编程入门网的所有评论
