flask结合axios用户注册验证

@app.route('/check/')
def check():
    username = request.args.get('username')
    print(username)
    user = User.query.filter_by(username=username).first()
    if user:
        data = {
            'msg':'用户名已被占用',
            'status': 0
        }
        return data
    data = {
        'status': 1
    }
    return data

<form class="form-signin" action="/register/" method="post">
    <img class="mb-4" src="../static/css/r-5.jpg" alt="" width="72" height="72">
    <h1 class="h3 mb-3 font-weight-normal">{{ msg }}<br>Please 注册</h1>
    <label for="inputEmail" class="sr-only">Email address</label>
    <p><input type="text" id="username" name="username" class="form-control" placeholder="输入用户名" required autofocus><span style="color: red"></span></p>
    <label for="inputPassword" class="sr-only">Password</label>
    <input type="password" id="pwd" name="pwd" class="form-control" placeholder="请输入密码" required>
    <input type="password" id="confirmpwd" name="confirmpwd" class="form-control" placeholder="确认密码" required>

    <button class="btn btn-lg btn-primary btn-block" type="submit">注册</button>
    <p class="mt-5 mb-3 text-muted">&copy; 天堂</p>
</form>
<script type="text/javascript">
    $(function () {
        $('input[name = "username"]').blur(function () {
            var username = $(this).val()
            var $this = $(this)
            if (username.length > 0){
                console.log(username)
                axios.get('/check/',{params:{'username':username}})
                    .then(function (response) {
                        console.log(response.data)
                        if (response.data.status == 0){
                            $this.next().text(response.data.msg)
                        }
                        else{
                            $this.next().text('用户名可以使用')
                            console.log('ok')
                        }
                    })
            }
            else{
                $(this).next().text('用户名不能为空')
            }

        })
        $('input[name = "username"]').focus(function () {
            $(this).val("")
            $(this).next().text("")

        })

    })
</script>

最后

以上就是开朗蜻蜓为你收集整理的flask结合axios用户注册验证的全部内容，希望文章能够帮你解决flask结合axios用户注册验证所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。