如何实现 input 输入结束时,实时查询数据库看输入值是否存在然后给出提示?

如何实现 input 输入结束时,实时查询数据库看输入值是否存在然后给出提示?

问题描述:

如题,如何实现 input 输入结束时,实时查询数据库看输入值是否存在然后给出提示?
类似于注册账号的时候提示账号已存在的那种。
新人求指教!

在input标签上加一个焦点失去的事件,触发时使用ajax请求去后台数据库查询是否存在,如果存在就提示

input 失去焦点。触发失去焦点事件--》事件处理
获取input里面的值,使用ajax 提交到后台
后台查询提交的值(账号)是否存在。返回前台一个true/false

    $("input[name=account]").focusout(function(){
            $.post('/login/',{
                account:$("input[name=account]").val()
                },
                function(data,status){
                    if(!!data){
                        alert('此用户已注册');
                    }else{
                        alert('可以注册');
                    }
            })

        })

个人觉得js的change事件比较好点