【问题标题】:Checking inputs of form in django before submit在提交之前检查 django 中的表单输入
【发布时间】:2016-08-06 14:13:15
【问题描述】:

我正在使用 Django 并尝试提交表单。 我有一个“打电话给我们”的表格,里面有 3 个字段。 我想这样做,如果其中一个字段为空,并且用户单击了提交按钮,请不要将信息发送到 View 并提醒用户他们必须填写必填字段。

这是我的表格:

<form role="form" action="{% url "landingpages:callusthanks" %}" method="post" style="max-width: 500px;margin: 0 auto;margin-top: 30px;">
    {% csrf_token %}
    <div class="form-group">
        <div class="input-group">
            <div class="input-group-addon"><i class="fa fa-user"></i></div>
            <input type="text"  name="name" class="form-control" id="name" placeholder="Name">
        </div>
    </div>
    <div class="form-group">
        <div class="input-group">
            <div class="input-group-addon"><i class="fa fa-at"></i></div>
            <input type="text" name="email" id="email" class="form-control" placeholder="Email">
        </div>
    </div>
    <div class="form-group">
        <div class="input-group">
            <div class="input-group-addon"><i class="fa fa-envelope-o"></i></div>
            <textarea name="message" class="form-control" id="message" placeholder="Message"></textarea>
        </div>
    </div>
    <div class="form-group row">
        <div class="col-xs-6 col-xs-offset-6">
            <button type="submit" class="form-control">Send</button>
        </div>
    </div>
</form>

【问题讨论】:

    标签: javascript python django


    【解决方案1】:

    作为一种选择,您可以使用 jQuery validation 并像这样设置必填字段:

    $(document).ready(function(){
        $("#your_form_id").validate({
           rules :{
                your_field : {
                required : true
                }
                .....
           },
           messages :{
                your_field : {
                required : 'your_field is required'
                }
                .....
           }
        });
    });
    

    编辑:刚看到你说不要发送查看。因此,请忽略它,但如果它有用,我会将其留作将来参考。

    最好将其转换为 formforms.py 导入,然后将其发送到您的视图。然后,您可以设置哪些字段是必需的。

    【讨论】:

      猜你喜欢
      • 2014-07-30
      • 2015-10-12
      • 1970-01-01
      • 1970-01-01
      • 2012-07-08
      • 2018-04-21
      • 1970-01-01
      • 2015-02-24
      • 1970-01-01
      相关资源
      最近更新 更多