完成注册功能
function zhuce() { var oPass = document.getElementById("upass"); var oPass2 = 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 = "first letter"; 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 != oPass2) { oError.innerHTML = "两次密码输入不一致" isError = false; return isError; } window.alert("注册成功") return true; }
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 shouye(): return render_template('shouye.html') @app.route('/login/',methods=['GET','POST']) def login(): return render_template('denglu.html') @app.route('/regist',methods=['GET','POST']) def regist(): if request.method=='GET': return render_template('zhuche.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('/biaoti') def biaoti(): return render_template('biaoti.html') if __name__ == '__main__': app.run(debug=True)
{% extends 'shouye.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" > <body id="myBody" > {% block body %} <form action="{{ url_for('regist')}}" method="post"><br/> <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="upass2" type="password"name="password1" placeholder="请确认密码"></div> <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>