2016-04-14 15 views
0

私はDjangoを使用していて、フォームを送信しようとしています。 私は "call-us"フォームを持っていて、3つのフィールドがあります。 フィールドの1つが空で、ユーザーが[送信]ボタンをクリックした場合は、情報をViewに送信せず、必要なフィールドを完了する必要があることをユーザーに伝えないでください。投稿する前にdjangoでフォームの入力を確認する

<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>

答えて

1

は一つの選択肢として、あなたはjQueryのvalidation使用して、必要なので、などの分野を設定することができます:ここ

は私のフォームで

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

を編集 :ちょうどあなたがいないと言った表示するために送信するt。だから、これを無視してください、しかし、私はそれが役に立つという機会を得て、将来の参照のために残しておきます。

formforms.pyからインポートすることをお勧めします。必要なフィールドを設定するだけです。

関連する問題