Применение JQuery в Wtform для динамического добавления полей ввода в Flask - PullRequest
0 голосов
/ 23 декабря 2018

Это HTML и JQuery код, который я нашел в Google.Вы можете динамически добавлять теги ввода текста динамически.

<form method="post" action="submit.php">

    <div class="form-group fieldGroup">
        <div class="input-group">
            <input type="text" name="name[]" class="form-control" placeholder="Enter name"/>
            <input type="text" name="email[]" class="form-control" placeholder="Enter email"/>
            <div class="input-group-addon"> 
                <a href="javascript:void(0)" class="btn btn-success addMore"><span class="glyphicon glyphicon glyphicon-plus" aria-hidden="true"></span> Add</a>
            </div>
        </div>
    </div>

    <input type="submit" name="submit" class="btn btn-primary" value="SUBMIT"/>

</form>

JQuery:

<script type="text/javascript">

    $(document).ready(function(){
    //group add limit
    var maxGroup = 10;

    //add more fields group
    $(".addMore").click(function(){
        if($('body').find('.fieldGroup').length < maxGroup){
            var fieldHTML = '<div class="form-group fieldGroup">'+$(".fieldGroupCopy").html()+'</div>';
            $('body').find('.fieldGroup:last').after(fieldHTML);
        }else{
            alert('Maximum '+maxGroup+' groups are allowed.');
        }
    });

    //remove fields group
    $("body").on("click",".remove",function(){ 
        $(this).parents(".fieldGroup").remove();
    });
});
</script>

Я хочу сделать это в wtform, но я не могу изменить имя в виде массива

class RegisterUser(FlaskForm):
regusertest = StringField('Username', validators=[
        InputRequired(),
        Length(min=5, max=30)
    ])

и вот мой тег формы

<form id="login-form" action="webpage/gmsi/login" method="post" role="form" style="display: block;">
{{ form.hidden_tag() }}
{{ wtf.form_field(form.regusertest) }}
<input type="submit" class="btn btn-primary btn-lg" name="login-submit" id="login-submit" tabindex="4" class="form-control btn btn-login" value="Log In">

вывод html-тега

 <input class="form-control" id="regusertest" name="regusertest" required="" type="text" value="">

, который мне нужен, вот этот

<input class="form-control" id="regusertest" name="regusertest[]" required="" type="text" value="">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...