1

Llevo unos dias dandole vueltas a unas lineas creadas con Flask y no logro ver en que me equivocado. Se supone que deberia añadir el mensaje en el input vacio con el texto que recoge de 'message' pero me da error, siempre entro en "Warning: Some fields are missing"

En el archivo .py especifico que recoja los datos del formulario como se puede ver en el codigo:

@app.route('/processHome', methods=['GET', 'POST'])
def processHome():
    missing = []
    fields = ['message', 'last', 'post_submit']
    for field in fields:
        value = request.form.get(field, None)
        if value is None:
            missing.append(field)
    if missing:
        return "Warning: Some fields are missing"

return '<!DOCTYPE html> ' \
       '<html lang="es">' \
       '<head>' \
       '<link href="static/css/orienta.css" rel="stylesheet" type="text/css"/>' \
       '<title> Home - Orienta2 </title>' \
       '</head>' \
       '<body> <div id="container">' \
       '<a href="/"> Orienta2 </a> | <a href="home"> Home </a> | <a href="login"> Log In </a> | <a href="signup"> Sign Up </a>' \
       '<h1>Hi, How are you?</h1>' \
                '<form action="processHome" method="post" name="home"> ' \
        '<label for="message">Say something:</label><div class="inputs">' \
        '<input id="message" maxlength="140" name="message" size="80" type="text" value=""/>' \
        '<input id="last" type="hidden" name="last" value="' + request.form['last'] + '<br>'+ request.form['message'] + '">' \
                 '</div>' \
                    '<div class="inputs">' \
                    '<input id="post_submit" name="post_submit" type="submit" value="Post!"/>' \
            '<br><br>Previous Posts: <br>' + request.form['last'] + '<br>' +request.form['message'] + \
                '</form>' \
                '</div></div>' \
       '</body>' \
       '</html>'

Y aqui esta lo que tengo en el archivo .html:

<form action="processHome" method="post" name="home">
   <label for="message">Say something:</label>
   <div class="inputs">
      <input id="message" class="message" required="true" placeholder="message" size="80" maxlength="140" type="text"/>
      <input type="hidden" id="last" name="last"/>
   </div>
   <div class="inputs">
      <input id="post_submit" name="post_submit" type="submit" value="Post!"/>
   </div></form>

Como explico mas arriba la idea es que en el input 'last' que se encuentra oculto se vaya añadiendo lo que se introduzca en el primer input 'message' y se muestre luego.

Creo que el error es relacionado con el input 'last' que no me lo esta reconociendo y es el culpable que entre siempre en el bucle que no encuentra los campos.

Saludos y gracias.

1 respuesta 1

0

Veo que a la ruta le has asignado los verbos "GET" y "POST". Entiendo que pretendes ante un GET mostrar el formulario, y ante un POST procesarlo para después volver a mostrarlo junto con el resultado.

Hay un problema entonces, y es que la primera vez que cargas la página, con GET, el navegador no envía datos (pues los datos sólo se envían en el POST), y por tanto el diccionario request.form está vacío, y te faltan todas las claves.

Por tanto la advertencia esa de que faltan cosas deberías mostrarla sólo ante el verbo POST, y no ante un GET. Esto es fácil de arreglar, cambias la condición por:

    if missing and request.method == "POST":
        return "Warning: Some fields are missing"

Pero entonces nos encontramos con otros problemas, y es que a la hora de retornar todo el HTML que constituiría el formulario, parte de él lo generas a partir de request.form["last"] o de request.form["message"], los cuales no existen por ser la petición GET, y por tanto producirán una excepción al tratar de acceder a esas claves inexistentes.

La solución aquí es cambiar esos intentos de acceder a esas claves por request.form.get("last", "") y request.form.get("message", ""), respectivamente, de modo que si la clave existe (porque la petición fue POST) la obtendríamos, pero si no existe (porque la petición fue GET), usaríamos la cadena vacía.

En definitiva, tu aplicación queda así. Aprovecho para corregir el HTML que creo que tenía un </div> cerrado fuera de sitio, y para usar el truquillo de poner entre paréntesis la secuencia de cadenas a concatenar, lo que te ahorra el \ al final de cada línea. Te recomendaría de paso que usaras templates jinja en lugar de embeber el HTML en el código.

from flask import Flask, request

app = Flask(__name__)

@app.route('/processHome', methods=['GET', 'POST'])
def processHome():
    missing = []
    fields = ['message', 'last', 'post_submit']
    for field in fields:
        value = request.form.get(field, None)
        if value is None:
            missing.append(field)
    if missing and request.method == "POST":
        return "Warning: Some fields are missing"

    return ('<!DOCTYPE html> '
            '<html lang="es">'
            '<head>'
            '<link href="static/css/orienta.css" rel="stylesheet" type="text/css"/>'
            '<title> Home - Orienta2 </title>'
            '</head>'
            '<body> <div id="container">'
                '<a href="/"> Orienta2 </a> | <a href="home"> Home </a> | <a href="login"> Log In </a> | <a href="signup"> Sign Up </a>'
                '<h1>Hi, How are you?</h1>'
                '<form action="processHome" method="post" name="home"> '
                    '<label for="message">Say something:</label><div class="inputs">'
                        '<input id="message" maxlength="140" name="message" size="80" type="text" value=""/>'
                        '<input id="last" type="hidden" name="last" value="' + request.form.get('last',"") + '<br>'+ request.form.get('message',"") + '">' \
                    '</div>'
                    '<div class="inputs">'
                        '<input id="post_submit" name="post_submit" type="submit" value="Post!"/>'
                        '<br><br>Previous Posts: <br>' + request.form.get('last', "") + '<br>' +request.form.get('message', "") +
                    '</div>'
                '</form>'
                '</div>'
            '</body>'
            '</html>')

Aunque no tengo del todo claro lo que pretendes, al menos no da errores, saca el formulario, y va añadiendo mensajes a la parte inferior a medida que los vas enviando, que supongo que es el comportamiento esperado.

11
  • Muchas gracias @abulafia por la explicación he tomado nota de todo lo que me has comentado y tienes razon, con jinja quedaria todo mas abreviado y un poco mas legible a la vista. En cuanto al codigo he siguido tus consejos y he actualizado el fichero pero no conigue devolverme nada... como tu bien has dicho lo que pretendo es añadir los mensajes en la parte inferior a medida que los voy enviando. He probado con 3 navegadores, por si fuese algun problema de cache pero en todos me devuelve lo mismo que algunos de los campos esta vacio.
    – sropo
    Commented el 7 feb. 2019 a las 9:18
  • No sé qué tendrás exactamente en el fichero que estás probando, pero si pruebas el que yo te doy en la respuesta (es decir, que la aplicación Flask sea únicamente lo que ahí aparece), sí que funciona. Observa que no hago uso de ningún fichero HTML externo. La misma función devuelve el formulario necesario. Para probarlo basta dirigir un navegador a la URL http://ip.de.tu.servidor:5000/processHome
    – abulafia
    Commented el 7 feb. 2019 a las 10:25
  • Efectivamente http://ip.de.tu.servidor/processHome desde aqui cumple a la perfección lo que queria que hiciese. Entonces el error debe ser del HTML que no es capaz de enviar los datos correctamente o algún problema en la llamada a la funcion processHome... Por cierto, nuevamente agradecerte la ayuda por todo.
    – sropo
    Commented el 7 feb. 2019 a las 12:19
  • No sé muy bien a qué te refieres con "el HTML", pero creo entender que tienes una especie de "formulario inicial" en HTML, distinto del que retorna Flask. No acabo de entender por qué, pero prueba en ese HTML a dar un value="" a los elementos input que no lo tengan. En concreto a last.
    – abulafia
    Commented el 7 feb. 2019 a las 12:20
  • Si, me refiero a un .html inicial que hace la llamada a Flask, en concreto es este: <form action="processHome" method="post" name="home"><label for="message">Say something:</label><div class="inputs"><input id="message" class="message" required="true" placeholder="message" size="80" maxlength="140" type="text"/><input type="hidden" id="last" name="last" value=""/></div><div class="inputs"><input id="post_submit" name="post_submit" type="submit" value="Post!"/></div></form> el cual yo creo que esta correcto y nose porque no envia nada a Flask
    – sropo
    Commented el 7 feb. 2019 a las 12:26

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.