完成注册功能

function zhuce() {
    var oPass = document.getElementById("upass");
    var oPass1 = document.getElementById("upass1");
    var oUname = document.getElementById("uname");
    var oError = document.getElementById("error_box")
    var isError = true;
    oError.innerHTML = "<br>"
    if (oUname.value.length < 6 || oUname.value.length > 12) {
        oError.innerHTML = "用户名6-12位";
        isError = false;
        return isError;
    } else if ((oUname.value.charCodeAt(0) >= 48) && (oUname.value.charCodeAt(0) <= 57)) {
        oError.innerHTML = "首位为英文";
        isError = false;
        return isError;
    } else for (var i = 0; i < oUname.value.length; i++) {
            if (((oUname.value.charCodeAt(i) < 48) || (oUname.value.charCodeAt(i) > 57)) && ((oUname.value.charCodeAt(i) < 97) || (oUname.value.charCodeAt(i) > 122))) {
                oError.innerHTML = "字母或数字";
                isError = false;
                return isError;
            }

        }
    if (oPass.value.length < 6 || oPass.value.length > 12) {
        oError.innerHTML = "密码6-12位";
        isError = false;
        return isError;
    }
    if (oPass != oPass1) {
        oError.innerHTML = "两次密码输入不一致"
        isError = false;
        return isError;
    }
    window.alert("注册成功")
    return true;
}

  

{% extends 'lx3.html' %}
{% block registertitle %}注册{% endblock %}
{% block registerhead %}<script type="text/javascript" src="../static/js/js.js"></script>{% endblock %}


 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet"  type="text/css" href="../static/css/webb.css" >
<base href="www.gzcc.cn"target="_blank">


<h1>
 注册界面
</h1>


<body  id="myBody" >
{% block body %}
 <form action="{{ url_for('regist')}}" method="post"><br/>
<div  class="bigdiv" id="container" >
<div id="header" ><h2 align="center">注册</h2></div>

<div id="content">


    <div align="center"> 账号注册:<input id="uname" type="text" name="username" placeholder="请输入用户名" ><br></div>
    <div align="center"> 注册密码:<input  id="upass" type="password" name="password" placeholder="请输入密码"><br></div>
    <div align="center"> 确认密码:<input id="upass1" type="password"name="password1" placeholder="请确认密码"></div>
      <div align="center">  <input type="radio" name="role" value="stu">student
      <input type="radio" name="role" value="tea">teacher <br>
      <input type="checkbox" value="true"><span style="color: blueviolet">rember</span> <a href="www.gzcc.cn"> 登陆问题请点</a></div>  <br>

       <div align="center">
            <button type="submit" onclick="return zhuce()">注册</button>
        <input type="button" value="cancel"><br>
       </div>
    <div align="center">
         <div id="error_box"></div><br>
    </div>
</div>
</div>

</body>
{% endblock %}
</html>

  

from flask import Flask
from flask import render_template,request,redirect,url_for
import config
from flask_sqlalchemy import SQLAlchemy
app = Flask(__name__)
app.config.from_object(config)
db = SQLAlchemy(app)
class User(db.Model):
    __tablename__ = 'user'
    id = db.Column(db.Integer,primary_key=True,autoincrement=True)
    username = db.Column(db.String(20),nullable=False)
    password = db.Column(db.String(20),nullable=False)
    nickname=db.Column(db.String(20),nullable=True)
db.create_all()
# 增加
# user=User(username='yujiujiu2',password='11111',nickname='123456')
# db.session.add(user)
# db.session.commit()
#查询
# user=User.query.filter(User.username =='yujiujiu2').first()
# print(user.username,user.password,user.nickname)
#删除
# user=User.query.filter(User.username =='vixx').first()
# db.session.delete(user)
# db.session.commit()
#修改
# user=User.query.filter(User.username =='vixx').first()
# user.password='123456789'
# db.session.commit()
@app.route('/')
def lx():
    return render_template('lx3.html')

@app.route('/login/',methods=['GET','POST'])
def login():
    return render_template('lx2.html')

@app.route('/regist',methods=['GET','POST'])
def regist():
    if request.method=='GET':
        return render_template('lx.html')
    else:
        username=request.form.get('username')
        password=request.form.get('password')

        user = User.query.filter(User.username == username).first()
        # 判断用户名是否存在
        if user:
            return u'username existed'
        else:
            user = User(username=username, password=password)
            db.session.add(user)
            db.session.commit()
            return redirect(url_for('login'))
@app.route('/fabu')
def fabu():
    return render_template('fabu.html')

if __name__ == '__main__':
    app.run(debug=True)

  

原文地址:https://www.cnblogs.com/zheng01/p/7854348.html