Конфликтующие кнопки с JQuery .click

Question

HTML

<form id="create-template" class="form" action="" method="post"> 
    <p class="_50"> 
     <label for="t-name">Template name</label> 
     <input type="text" name="t-name" class="required"/> 
    </p> 
    <p class="_100"> 
     <label for="t-html">Template HTML</label> 
     <textarea id="t-html" name="t-html" class="required" rows="10" cols="40"></textarea> 
    </p> 
    <div class="block-actions"> 
     <ul class="actions-left"> 
      <li><a class="button red" id="reset-template" href="javascript:void(0);">Clear</a></li> 
     </ul> 
     <ul class="actions-right"> 
      <li><div id="preview"><input type="submit" class="button" value="Preview template"></div></li> 
      <li><input type="submit" class="button" value="Create template"></li> 
     </ul> 
    </div> 
</form> 

JavaScript:

$("#preview").click(function() { 
     $('#create-template').submit(function() { 
      window.open('', 'formpopup', 'width=400,height=400,resizeable,scrollbars'); 
      this.target = 'formpopup'; 
     }); 
    }); 

При нажатии Preview template она открывает всплывающее окно и будет отображать предварительный просмотр шаблона. Это верно.

После предварительного просмотра шаблона при нажатии Create template страница отправляется на всплывающее окно. Это неверно.

Эта проблема возникает только при предварительном просмотре шаблона. Create template отправляет форму на той же странице, если вы не просматриваете шаблон.

Как я могу держать preview template в конфликте с create template?

Answer 1

Эта строка говорит форму для отправки в всплывающем окне:

this.target = 'formpopup'; 

Изменить это:

this.target = window.opener; 

Вы, вероятно, хотите, чтобы закрыть всплывающее окно после отправки. Для этого добавьте эту строку:

formpopup.close();