【问题标题】:Python (Heroku): Flask buttons not workingPython(Heroku):烧瓶按钮不起作用
【发布时间】:2017-08-03 07:54:22
【问题描述】:

请原谅这个糟糕的标题,如果您有任何想法,请提出更好的建议。无论如何,最近我一直在玩 Heroku 和 Flask,但遇到了逆境 - 我的按钮不起作用!您可以查看页面here.

代码如下;

@app.route('/')
def index():
    return render_template('index.html')


@app.route('/dashboard')
def dashboard():
    return render_template('dashboard.html')


@app.route('/login', methods=['GET', 'POST'])
def login():
    userkey = request.form['username']
    passkey = request.form['password']
    return redirect(url_for('dashboard'))


@app.route('/createAccount', methods=['GET', 'POST'])
def createAccount():
    userkey = request.form['username']
    passkey = request.form['password']
    return redirect(url_for('dashboard'))

HTML 读取;

<form id="login" action="{{ url_for('login') }}" method="post">
  <input type="text" name="username" id="username" value="" placeholder="Userkey" required />
  <input type="password" name="password" id="password" value="" placeholder="Passkey" required />
  <button type="submit" style="background: linear-gradient(to right, #33aa33, #288228);"><i class="fa fa-sign-in" aria-hidden="true"></i></button>
  <form action="{{ url_for('createAccount') }}" method="post">
    <button><i class="fa fa-user-plus" aria-hidden="true"></i></button>
  </form>
</form>

任何想法我哪里出错了?我根本没有收到任何反馈,Heroku 日志中什么也没有——我没有预料到任何事情。

【问题讨论】:

    标签: python html python-3.x heroku flask


    【解决方案1】:

    您的按钮未链接到 from。你需要这样的东西:

    <form action="{{ url_for('createAccount') }}" method="post" id="form1">
    
    </form>
    
    <button type="submit" form="form1" value="Submit">
        <i class="fa fa-user-plus" aria-hidden="true"></i>
    </button>
    

    【讨论】:

    • 这对我来说似乎没有什么不同。我是否需要更新我的 Python 代码?
    • 我检查了你的代码,我看到你的表单有一些 javascript 禁用操作:$(document).ready(function() { $("#login").submit(function(event) { event.preventDefault(); }); });
    • 我的错误。我这样做是为了确保表单不会执行其默认重定向行为,我从未想到我不再需要它。
    猜你喜欢
    • 2013-11-16
    • 2020-04-21
    • 1970-01-01
    • 2019-02-01
    • 2016-12-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多