需求:做一个用户名实时验证,用户操作失去焦点的时候,判断用户名是否和数据库中的用户名有重复,不重复提示“用户名可用”,重复提示“用户名已存在”。
补充:领导让我用js判断两个常量,为1就是用户名存在,返回false;为0就是用户名可用,返回true。
这个代码该怎么写呢?有具体的例子最好提供下!
使用jquery.validate插件
在输入框失去焦点之后会自动进行判断
HTML代码
<form id="registerForm" action="/*" method="post" >
<input type="text" name="username"/>
<button type="submit">注册</button>
</form>
JS代码
$(function() {
$("#registerForm").validate({
rules : {//需要判断输入框
"username" : {
required : true,
remote : {
url : "/checkUsername.do",// 后台检查用户名是否重复的地址,返回值为boolean类型
type : 'post'
}
}
}
messages : {//判断失败的提示
"username" : {
required : "  请输入用户名!",
remote:"  用户名已存在!"
}
}
})
}