Отправка формы с использованием шаблона jQuery

Question

У меня есть эта форма, которая загружает строки данных в формате таблицы с использованием формы. Затем пользователь обновляет часть суммы и отправляет форму. Форма отлично работает, я не знаю, как отправить обновленные значения с html-страницы на функцию jQuery.

<div id="Sales"> 
    <script id="salestTemp" type="text/x-jquery-tmpl"> 
     <form id="salesForm" action=""> 
      <table class="" border="1" cellpadding="0" cellspacing="0"> 
       <thead> 
        <tr> 
         <th class="label"><a href="">Name<span class="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></th>     
         <th class="label"><a href="">$ Amount<span class="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></th>     
        </tr> 
       </thead> 
       <tbody> 
        {{#each items}} 
        <tr class=""> 
         <td>{{=name}}</td> 
         <td>$&nbsp;&nbsp;<input type="text" class="{{=id}}" id="Amount" value='{{=Amount}}' /></td> 
        </tr> 
        {{/each}} 
        <tr> 
         <input type="submit" class="" id="submit" name="" value="Save" /> 
        </tr> 
       </tbody>   
      </table>     
     </form> 
    </script 
</div> 

Я использую следующие JQuery:

$(document).ready(function() { 
    $("#submit").click(function() { 
     alert("inside"); 
     $.ajax {......}; 
    }); 
}); 

Когда я ударил представить его даже не ударил .click функцию. Кто-нибудь знает, как это исправить или где искать? Благодаря

Answer 1

Ваш пример имеет сломанный закрывающий тег:

</script 
</div> 

Рассмотрим привязки к отправке события:

$("#salesForm").on('submit', function (e) { 
    e.preventDefault(); 
    alert("inside"); 
}); 

e.preventDefault(); будет препятствовать отправке формы, затем вы можете использовать ajax для отправки формы.

Вот пример, основанный на коде: http://jsfiddle.net/n1ck/Jbbhe/2/

Answer 2

Он ударил функцию нажмите проверить консоль ошибок в браузере .. и сценарий тег не закончились правильно «» ..

И у вы поместить содержимое формы внутри тега сценария ???

Answer 3

Просто связать вашу форму, чтобы отправить

$(document).ready(function(){ 
    $('#salesForm_form').bind('submit',function(){ 
     ... 
    }); 
}); 

Или

$('#salesForm_form').submit(function(ev) { 
    ev.preventDefault(); // to stop the form from submitting 
    /* Validations go here */ 
    this.submit(); // If all the validations succeeded 
});