Flask WTForms Integerfield type is text instead of number












1















This is what I have tried:



nrkomp = IntegerField('Number',validators=[NumberRange(min=1, max=5, message='Invalid length')])


In developer tools, this form input has type text and not number, I have read the docs, but could not find a solution to this problem.










share|improve this question

























  • Your code seems correct. Note that it's actually a text field whose input is later cast into an integer. The input of form fields is generally text.

    – DavidPM
    Nov 23 '18 at 16:31













  • Is there a way for me to make its type a number or do I have to live with this?

    – KobraCode
    Nov 23 '18 at 16:36











  • As far as I know all such fields (FloatField, IntegerField, DecimalField...) are of type text. In back-end their values are cast into the corresponding number types. If not possible, an error is thrown.

    – DavidPM
    Nov 23 '18 at 16:39


















1















This is what I have tried:



nrkomp = IntegerField('Number',validators=[NumberRange(min=1, max=5, message='Invalid length')])


In developer tools, this form input has type text and not number, I have read the docs, but could not find a solution to this problem.










share|improve this question

























  • Your code seems correct. Note that it's actually a text field whose input is later cast into an integer. The input of form fields is generally text.

    – DavidPM
    Nov 23 '18 at 16:31













  • Is there a way for me to make its type a number or do I have to live with this?

    – KobraCode
    Nov 23 '18 at 16:36











  • As far as I know all such fields (FloatField, IntegerField, DecimalField...) are of type text. In back-end their values are cast into the corresponding number types. If not possible, an error is thrown.

    – DavidPM
    Nov 23 '18 at 16:39
















1












1








1








This is what I have tried:



nrkomp = IntegerField('Number',validators=[NumberRange(min=1, max=5, message='Invalid length')])


In developer tools, this form input has type text and not number, I have read the docs, but could not find a solution to this problem.










share|improve this question
















This is what I have tried:



nrkomp = IntegerField('Number',validators=[NumberRange(min=1, max=5, message='Invalid length')])


In developer tools, this form input has type text and not number, I have read the docs, but could not find a solution to this problem.







python flask wtforms






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 23 '18 at 16:22









connectyourcharger

532323




532323










asked Nov 23 '18 at 16:18









KobraCodeKobraCode

107




107













  • Your code seems correct. Note that it's actually a text field whose input is later cast into an integer. The input of form fields is generally text.

    – DavidPM
    Nov 23 '18 at 16:31













  • Is there a way for me to make its type a number or do I have to live with this?

    – KobraCode
    Nov 23 '18 at 16:36











  • As far as I know all such fields (FloatField, IntegerField, DecimalField...) are of type text. In back-end their values are cast into the corresponding number types. If not possible, an error is thrown.

    – DavidPM
    Nov 23 '18 at 16:39





















  • Your code seems correct. Note that it's actually a text field whose input is later cast into an integer. The input of form fields is generally text.

    – DavidPM
    Nov 23 '18 at 16:31













  • Is there a way for me to make its type a number or do I have to live with this?

    – KobraCode
    Nov 23 '18 at 16:36











  • As far as I know all such fields (FloatField, IntegerField, DecimalField...) are of type text. In back-end their values are cast into the corresponding number types. If not possible, an error is thrown.

    – DavidPM
    Nov 23 '18 at 16:39



















Your code seems correct. Note that it's actually a text field whose input is later cast into an integer. The input of form fields is generally text.

– DavidPM
Nov 23 '18 at 16:31







Your code seems correct. Note that it's actually a text field whose input is later cast into an integer. The input of form fields is generally text.

– DavidPM
Nov 23 '18 at 16:31















Is there a way for me to make its type a number or do I have to live with this?

– KobraCode
Nov 23 '18 at 16:36





Is there a way for me to make its type a number or do I have to live with this?

– KobraCode
Nov 23 '18 at 16:36













As far as I know all such fields (FloatField, IntegerField, DecimalField...) are of type text. In back-end their values are cast into the corresponding number types. If not possible, an error is thrown.

– DavidPM
Nov 23 '18 at 16:39







As far as I know all such fields (FloatField, IntegerField, DecimalField...) are of type text. In back-end their values are cast into the corresponding number types. If not possible, an error is thrown.

– DavidPM
Nov 23 '18 at 16:39














1 Answer
1






active

oldest

votes


















0














You can use wtforms html5 widgets to get html5 input types.



from wtforms import Form
from wtforms.widgets import html5



>>> class F(Form):
... myint = IntegerField('Number',widget=html5.NumberInput())
...
>>> for f in F():print(f)
...
<input id="myint" name="myint" type="number" value="">





share|improve this answer























    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53449992%2fflask-wtforms-integerfield-type-is-text-instead-of-number%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    0














    You can use wtforms html5 widgets to get html5 input types.



    from wtforms import Form
    from wtforms.widgets import html5



    >>> class F(Form):
    ... myint = IntegerField('Number',widget=html5.NumberInput())
    ...
    >>> for f in F():print(f)
    ...
    <input id="myint" name="myint" type="number" value="">





    share|improve this answer




























      0














      You can use wtforms html5 widgets to get html5 input types.



      from wtforms import Form
      from wtforms.widgets import html5



      >>> class F(Form):
      ... myint = IntegerField('Number',widget=html5.NumberInput())
      ...
      >>> for f in F():print(f)
      ...
      <input id="myint" name="myint" type="number" value="">





      share|improve this answer


























        0












        0








        0







        You can use wtforms html5 widgets to get html5 input types.



        from wtforms import Form
        from wtforms.widgets import html5



        >>> class F(Form):
        ... myint = IntegerField('Number',widget=html5.NumberInput())
        ...
        >>> for f in F():print(f)
        ...
        <input id="myint" name="myint" type="number" value="">





        share|improve this answer













        You can use wtforms html5 widgets to get html5 input types.



        from wtforms import Form
        from wtforms.widgets import html5



        >>> class F(Form):
        ... myint = IntegerField('Number',widget=html5.NumberInput())
        ...
        >>> for f in F():print(f)
        ...
        <input id="myint" name="myint" type="number" value="">






        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 24 '18 at 16:05









        snakecharmerbsnakecharmerb

        10.5k42250




        10.5k42250
































            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53449992%2fflask-wtforms-integerfield-type-is-text-instead-of-number%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Tonle Sap (See)

            I get strange results when I access the Sqlitedatabase with Unity C# via XAMPP

            Guatemaltekische Davis-Cup-Mannschaft