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

它具有點擊功能，請在瀏覽器中檢查錯誤控制台。.並且腳本標記未正確結束“”。

您是否已將表單內容放入腳本標簽中？？？

Answer 2

您的示例的結束標記已損壞：

</script
</div>

考慮綁定到Submit事件：

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

e.preventDefault(); 將阻止表單提交，然后可以使用ajax提交表單。

這是一個基於您的代碼的示例： http : //jsfiddle.net/n1ck/Jbbhe/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
});