1. 程式人生 > >jQuery Validate Ajax 判斷使用者名稱是否已被註冊

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";
        }
    }
}