$.ajax实现局部刷新过程--验证用户…

发布时间：2020-12-16 00:44:14 所属栏目：百科来源：网络整理

导读：index.jsp !-- p span class="tit"用户昵称:/span input type="text" name="nickname" class="input" onblur="checkname()"/ nbsp;nbsp;nbsp;nbsp; span id="userinfor" style="font-size:12px;color: gray;"长度小于15的英文字符或者数字/span /p -- //验证

index.jsp

<!--

用户昵称:

长度小于15的英文字符或者数字

-->

//验证用户名是否已经存在

function checkname(){

$.ajax({

url: 'ajax/nametest',--我们对应的action

dataType: 'json',

data:"nickname="+nameobj.value,

success: function(data) {

var result=data.result;

if(result=="yes"){

$('#userinfor').text("恭喜你该用户名可用");

$('#userinfor').css("color","green");

$('#userinfor').css("font-size","14px");

regname="yes";

}

else{

$('#userinfor').text("不好意思该用户已被注册");

$('#userinfor').css("color","red");

$('#userinfor').css("font-size","14px");

regname="no" ;

}

error: function() {

$('#userinfor').text("出错了");

}

});

struts.xml

</action>

</package>

NameTestAction.java

public class NameTestAction extends ActionSupport{

private String nickname;

UserBiz ub=new UserBiz();

private String result="";

public String execute(){

if(ub.getOneByName(nickname.trim())==null){

result="yes";

}

else{

result="no";

}

return SUCCESS;

}

public String getNickname() {

return nickname;

}

public void setNickname(String nickname) {

this.nickname = nickname;

}

public String getResult() {

return result;

}

public void setResult(String result) {

this.result = result;

}

最后别忘了引入jquery.js文件啊还一个 struts2-json-plugin-2.3.1.2.jar

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!