expo-186 errors catching

static/seminar_lending/js/main.js

@@ -23,23 +23,39 @@ $(document).ready(function () {
 			$message = $("<p class='success-message'></p>"),
 			$button = $this.closest(".modal-dialog").find(".btn"),
 			$loader = $(".loader",$modalBody);
-			$loader.show();
+			$error = $(".err-message",$modalBody),
-		$.post(
+			$required = $(".required",$modalBody);
-		  url,
+			$required.each(function(){
-		  form,
+				var $this = $(this),
-		  function(data){
+					$input = $this.children("input");
-		  	console.log(data);
+				if($.trim($input.val()) == ''){
-
+					$this.addClass("err");
-		  	if(data.message.length){
+				}else{
-				$this.fadeOut("fast",function(){
+					$this.removeClass("err");
-					$loader.hide();
+				}
-					
+			});
-					$message.text(data.message).appendTo($modalBody);
+			if($(".err", $modalBody).length > 0){
-				});
+				$error.show();
-				$button.fadeOut();
+				
-		  	}
+			}else{
-		  }
+				$loader.show();
-		);
+				$error.hide();
+				$.post(
+				  url,
+				  form,
+				  function(data){
+				  	console.log(data);
 
+				  	if(data.message.length){
+						$this.fadeOut("fast",function(){
+							$loader.hide();
+							
+							$message.text(data.message).appendTo($modalBody);
+						});
+						$button.fadeOut();
+				  	}
+				  }
+				);
+			}
 	})
 });

templates/client/simple_pages/expo_seminar.html

@@ -214,18 +214,19 @@
 				<div class="loader" style=" background: rgba(255,255,255,.5);position: absolute; top: 0;left: 0;width: 100%;height: 100%; z-index: 3; display: none;">
 					<img src="/static/img/ajax-loader.gif" alt="" style="position: absolute;top: 50%;left: 50%;margin-top: -27px;margin-left: -27px;"/>
 				</div>
+				<p class="err-message">Поля, выделенные красным — обязательны для заполнения.</p>
 				<form id="register-form" method="post" action="/page/seminar-prodvizhenie/handle/" onsubmit="_gaq.push(['_trackEvent', 'personal','register']);return true;">{% csrf_token %}
                     <input id="id_type" name="type" type="hidden" value="Запрос на приглашение на семинар">
-					<div class="form-group">
+					<div class="form-group required">
 						<input type="text" class="form-control" id="name" name="name" placeholder="Имя:">
 					</div>
-					<div class="form-group">
+					<div class="form-group required">
 						<input type="text" class="form-control" id="surname" name="surname" placeholder="Фамилия:">
 					</div>
-					<div class="form-group">
+					<div class="form-group required">
 						<input type="text" class="form-control" id="email" name="email" placeholder="Email:">
 					</div>
-					<div class="form-group">
+					<div class="form-group required">
 						<input type="text" class="form-control" id="company" name="company" placeholder="Компания:">
 					</div>
 					<div class="form-group">
@@ -251,18 +252,19 @@
 				<div class="loader" style=" background: rgba(255,255,255,.5);position: absolute; top: 0;left: 0;width: 100%;height: 100%; z-index: 3; display: none;">
 					<img src="/static/img/ajax-loader.gif" alt="" style="position: absolute;top: 50%;left: 50%;margin-top: -27px;margin-left: -27px;"/>
 				</div>
+				<p class="err-message">Поля, выделенные красным — обязательны для заполнения.</p>
 				<form id="register-form" method="post" action="/page/seminar-prodvizhenie/handle/" onsubmit="_gaq.push(['_trackEvent', 'online','register']);return true;">{% csrf_token %}
                     <input id="id_type" name="type" type="hidden" value="Запрос на онлайн-трансляцию">
-					<div class="form-group">
+					<div class="form-group required">
 						<input type="text" class="form-control" id="name" name="name" placeholder="Имя:">
 					</div>
-					<div class="form-group">
+					<div class="form-group required">
 						<input type="text" class="form-control" id="surname" name="surname" placeholder="Фамилия:">
 					</div>
-					<div class="form-group">
+					<div class="form-group required">
 						<input type="text" class="form-control" id="email" name="email" placeholder="Email:">
 					</div>
-					<div class="form-group">
+					<div class="form-group required">
 						<input type="text" class="form-control" id="company" name="company" placeholder="Компания:">
 					</div>
 					<div class="form-group">