Question

 

Никак не могу втыкнуть что не так? Все работает, за исключением момента отправки данных или ниче не происходит или обновляется страницу, а точнее возвращает на fieldset первый :( 

1. То что отображаю на странице

  <form id="msform">  $MFORM_11$   </form> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>

  /*form styles*/ #msform { 	width: 400px; 	margin: 50px auto; 	text-align: center; 	position: relative; } #msform fieldset { 	background: white; 	border: 0 none; 	border-radius: 3px; 	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); 	padding: 20px 30px; 	box-sizing: border-box; 	width: 80%; 	margin: 0 10%; 	 	/*stacking fieldsets above each other*/ 	position: relative; } /*Hide all except first fieldset*/ #msform fieldset:not(:first-of-type) { 	display: none; } /*inputs*/ #msform input, #msform textarea { 	padding: 15px; 	border: 1px solid #ccc; 	border-radius: 3px; 	margin-bottom: 10px; 	width: 100%; 	box-sizing: border-box; 	font-family: montserrat; 	color: #2C3E50; 	font-size: 13px; } /*buttons*/ #msform .action-button { 	width: 100px; 	background: #27AE60; 	font-weight: bold; 	color: white; 	border: 0 none; 	border-radius: 1px; 	cursor: pointer; 	padding: 10px 5px; 	margin: 10px 5px; } #msform .action-button:hover, #msform .action-button:focus { 	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60; } /*headings*/ .fs-title { 	font-size: 15px; 	text-transform: uppercase; 	color: #2C3E50; 	margin-bottom: 10px; } .fs-subtitle { 	font-weight: normal; 	font-size: 13px; 	color: #666; 	margin-bottom: 20px; } /*progressbar*/ #progressbar { 	margin-bottom: 30px; 	overflow: hidden; 	/*CSS counters to number the steps*/ 	counter-reset: step; } #progressbar li { 	list-style-type: none; 	color: white; 	text-transform: uppercase; 	font-size: 9px; 	width: 25%; 	float: left; 	position: relative; } #progressbar li:before { 	content: counter(step); 	counter-increment: step; 	width: 20px; 	line-height: 20px; 	display: block; 	font-size: 10px; 	color: #333; 	background: white; 	border-radius: 3px; 	margin: 0 auto 5px auto; } /*progressbar connectors*/ #progressbar li:after { 	content: ''; 	width: 100%; 	height: 2px; 	background: white; 	position: absolute; 	left: -50%; 	top: 9px; 	z-index: -1; /*put it behind the numbers*/ } #progressbar li:first-child:after { 	/*connector not needed before the first step*/ 	content: none;  } /*marking active/completed steps green*/ /*The number of the step and the connector before it = green*/ #progressbar li.active:before,  #progressbar li.active:after{ 	background: #27AE60; 	color: white; }

2. То что отображаю в редакторе самой формы

 <!-- multistep form --> <form id="msform">  <!-- progressbar -->  <ul id="progressbar">  <li class="active">Account Setup</li>  <li>Social Profiles</li>  <li>Personal Details</li>  <li>Personal Detail</li>  </ul>  <!-- fieldsets -->  <fieldset>  <h2 class="fs-title">Personal Details</h2>  <h3 class="fs-subtitle">This is step 1</h3>  <input type="text" name="f2" placeholder="Information">  <input type="text" name="f1" placeholder="E-mail">  <input type="text" name="f3" placeholder="Information">  <input type="text" name="f4" placeholder="Information">  <input type="button" name="next" class="next action-button" value="Next">  </fieldset>  <fieldset>  <h2 class="fs-title">Social Profiles</h2>  <h3 class="fs-subtitle">Your presence on the social network</h3>  <input type="text" name="f5" placeholder="Information">  <input type="text" name="f6" placeholder="Information">  <input type="text" name="f7" placeholder="Information" >  <input type="button" name="previous" class="previous action-button" value="Previous" >  <input type="button" name="next" class="next action-button" value="Next">  </fieldset>  <fieldset>  <h2 class="fs-title">Account Setup</h2>  <h3 class="fs-subtitle">We will never sell it</h3>  <input type="text" name="f8" placeholder="Passport number">  <input type="text" name="f9" placeholder="Information">  <input type="text" name="f10" placeholder="Information">  <input type="text" name="f11" placeholder="Information">  <input type="button" name="previous" class="previous action-button" value="Previous">  <input type="button" name="next" class="next action-button" value="Next">  </fieldset> <fieldset>  <h2 class="fs-title">Personal Detail</h2>  <h3 class="fs-subtitle">We will never sell it</h3>  <input type="text" name="f12" placeholder="Information">  <input type="text" name="f13" placeholder="Information"> I accept terms of the contract of the commission agent <input id="fc141" type="checkbox" name="f14" value="Yes"> <label for="fc141"></label>  <input type="button" name="previous" class="previous action-button" value="Previous"> <button type="submit" name="submit" class="submit action-button" value="Submit" >Submit</button> <!-- Ниже пишу через бутон т.к. так тоже пробовал, в скрипте естественно стоит одно из них --> <button type="submit" value="Submit">Submit</button> <!-- Не отправляет никак :( -->  </fieldset> </form>

 

Comments

Уточните ссылку на страницу сайта где конкретно установлена форма и можно проверить ее работу.

---

Yuri_Geruk,

http://kupertinohr.clan.su/index/rlr/0-19

Answer 1

Скрипт под формой лишний.