完成注册功能
- js文件： onclick函数return True时才提交表单，return False时不提交表单。
1 function fnLogin() { 2 var oUname = document.getElementById("uname") 3 var oUpass = document.getElementById("upass") 4 var oUpass2=document.getElementById("upass2"); 5 var oError = document.getElementById("error_box") 6 7 oError.innerHTML="<br>" 8 if (oUname.value.length > 20 || oUname.value.length < 6) { 9 oError.innerHTML = "请输入用户名6-20位字符" 10 isError =false; 11 return isError; 12 }else if ((oUname.value.charCodeAt(0)>=48)&&(oUname.value.charCodeAt(0)<=57)){ 13 oError.innerHTML="用户名首字母必须是字母" 14 isError =false; 15 return isError; 16 }else for(var i=0; i<oUname.value.length;i++){ 17 if((oUname.value.charCodeAt(i)<48)||(oUname.value.charCodeAt(i)>57)&&(oUname.value.charCodeAt(i)<97)||(oUname.value.charCodeAt(i)>122)){ 18 oError.innerHTML="用户名必须为字母或数字"; 19 isError =false; 20 return isError; 21 } 22 23 } 24 25 26 27 28 if (oUpass.value.length > 20 || oUpass.value.length < 6) { 29 oError.innerHTML = "请输入密码 6-20位字符" 30 isError =false; 31 return isError; 32 } 33 else if (oUpass.value!==oUpass2.value){ 34 oError.innerHTML="两次密码不一致"; 35 isError =false; 36 return isError; 37 } 38 return isError; 39 window.alert("注册成功") 40 41 }
- html文件：
- <form>中设置 action和method="post"
- <input> 中设置 name
-
1 <div class="box"> 2 <h2>REGISTER</h2> 3 <form action="{{url_for('register') }}" method="post"> 4 <div class="input_box"> 5 用户名：<input id="uname" type="text" placeholder="请输入用户名" name="'username"><br> 6 </div> 7 <div class="input_box"> 8 昵称：<input id="nickname" type="text" placeholder="请输入昵称" name="'nickname"><br> 9 </div> 10 <div class="input_box"> 11 密码：<input id="upass" type="password" placeholder="请输入密码" name="'password"><br> 12 </div> 13 <div class="input_box"> 14 验证：<input id="upass2" type="password" placeholder="再输入密码"> 15 </div> 16 <div id="error_box"> </div><br> 17 18 <div class="input_box"> 19 <button onclick="fnLogin()" >register</button> 20 </div> 21 </form> 22 </div>
- 主py文件中：
- from flask import request, redirect, url_for
- @app.route('/regist/', methods=['GET', 'POST’])
def regist():
if request.method == 'GET':
return render_template('regist.html')
else:
username = request.form.get(‘username’)#获取form中的数据
判断用户名是否存在
存到数据库中
redirect重定向到登录页
1 from flask import Flask, request,redirect,url_for 2 from flask import render_template 3 from flask_sqlalchemy import SQLAlchemy 4 import config 5 6 app=Flask(__name__) 7 app.config.from_object(config) 8 db=SQLAlchemy(app) 9 10 class User(db.Model): 11 __tablename__='user' 12 id=db.Column(db.Integer,primary_key=TabError,autoincrement=True) 13 username=db.Column(db.String(20),nullable=False) 14 password=db.Column(db.String(20),nullable=False) 15 nickname=db.Column(db.String(50)) 16 17 ''' 18 db.create_all() 19 20 21 # 数据添加 22 user=User(username='mis1555',password='mis1555') 23 db.session.add(user) 24 db.session.commit() 25 26 # 数据更改 27 user = User.query.filter(User.username=='mis1555').first() 28 user.password='111111' 29 db.session.commit() 30 31 # 数据删除 32 user = User.query.filter(User.username=='mis1555').first() 33 db.session.delete(user) 34 db.session.commit() 35 36 # 数据查询 37 user = User.query.filter(User.username=='mis1555').first() 38 print(user.username,user.password) 39 ''' 40 41 app = Flask(__name__) 42 @app.route('/') 43 def switch(): 44 return render_template('moban.html') 45 @app.route('/login/') 46 def login(): 47 return render_template('login.html') 48 @app.route('/register/',methods=['GET','POST']) 49 def register(): 50 if request.method=='GET': 51 return render_template('register.html') 52 else: 53 username=request.form.get('username') 54 password = request.form.get('password') 55 nickname = request.form.get('nickname') 56 user=User.query.filter(User.username==username).first() 57 if user: 58 return u'username existed' 59 else: 60 user=User(username=username,password=password,nickname=nickname) 61 db.session.add(user) 62 db.session.commit() 63 return redirect(url_for('login.html')) 64 65 if __name__ == '__main__': 66 app.run(debug=True) 67 if __name__ == '__main__': 68 app.run()
