struts2 ajax验证用户名是否存在

struts2 ajax验证用户名是否存在收藏

做注之前曾经写过一个使用struts2的ajax标签动态验证用户名是否存在的例子。这回做注册页面找来使用，发现有一点缺陷。当ajax标签进行异步请求时，会提交当前表单。而当前表单使用了JavaScript进行了用户名是否为空等的验证，直接异步提交表单进行验证用户名时可能会因为JavaScript阻止而无法提交导致动态验证失败。

改进的方法:另外建立一个表单，里边放一个隐藏文本域。通过JavaScript方法及onChange事件同步用户名文本框和隐藏文本域的值。然后对用户名文本框onBlur事件进行异步提交那个表单，并将返回的html代码显示在指定的位置上。

下边是涉及的html代码部分

<script type="text/javascript">

//将id1的值赋给id2对象

function copyValue(id1, id2){

getObj(id2).value=getObj(id1).value;

}

</script>

<!--为异步提交定义需要的url-->

<s:url id="userUrl" action="regist" method="checkUser"/>

<!--定于需要的表单-->

<form id="form">

<input type="hidden" name="id" id="idCopy">

</form>

<!--看官方文档吧，懒得解释了-->

<sx:bind targets="idInfo "formId="form" sources="id" href="%{userUrl}" events="onblur" indicator="indicator"/>

<s:textfield id="id" name="id" maxlength="10" theme="simple" onchange="copyValue('id', 'idCopy')"/>

<!--这个是指示器，当请求未完成时显示这个图片-->

<img id="indicator" src="image/indicator.gif" style="display:none;vertical-align:middle;"/>

<!--这个是显示信息的目标-->

<span id="idInfo">请输入你要注册的用户名</span>

然后是action，这回采用直接把代码写入stream的方式。

public String checkUser() {

String info;

if (getUserDao().get(getId()) != null) {

info = "<img src='image/error.gif' style='vertical-align:middle;'/>";

}

else {

info = "<img src='image/ok.gif' style='vertical-align:middle;'/>";

}

setInputStream(new StringBufferInputStream(info));

return "check";

}

然后是对应的action的配置

<action name="regist" class="regist">

<result name="check" type="stream"></result>

</action>

每次当用户名文本框失去焦点时，旁边就会显示用户是否已被注册的信息