jQuery Validate Ajax 判断用户名是否已被注册

一，在jsp中编写对原密码的表单验证

<script type="text/javascript">
    $().ready(function() {
        $("#regist").validate({
            rules:{
                user_name:{
                    required:true,
                    username:true
                },
                login_name:{
                    required:true,

                }
            },
                       messages: {
                login_name:{
                    remote:"该用户已存在"
                }
            }
        });

    });
</script>

二、然后在remote中通过ajax的方法将输入的数据传到后台去做判断

remote:{
    url:"<%=path%>/ajax/loginname",
    type:"post",
    dataType:"json",
    data:{
        loginname:function(){
            return document.getElementById("loginname").value;//取要验证的密码
        },
        dataFilter:function(data){
            if(data == "true")
                return true;
            else
                return false;
        }
    }

data为要传输的数据，type为传输类型，分为post和get。url为接收数据的路径。这样后台就能接收到jsp通过ajax穿输的数据。

三、在后台的controller中进行验证操作

@Controller
@RequestMapping("ajax")
public class AjaxController {

    @Autowired
    private UserDao userDao;

    @RequestMapping(value = "loginname")
    @ResponseBody
    public String checkLoginName(@RequestParam("loginname") String loginname) {

        Map<String,Object> map = new HashMap<String, Object>();
        map.put("login_name", loginname);
        if (userDao.selectUserCount(map) == 0) {
            return "true";
        } else {
            return "false";
        }
    }
}