jquery - 动态创建表单

Question

我使用一个搜索按钮，在服务器端动态创建一个表单，并使用 Jquery 语法返回它。在我填写表单并单击提交按钮后，还有另一个 .submit() Jquery 函数，假设在数据发送到服务器之前调用该函数来验证输入。但是，由于某种原因，该函数从未被调用，并且数据被请求发送。更多详细信息:

这是搜索按钮在服务器端动态创建并使用 Jquery“打印”到 html 页面的形式:

<form action=... name="stockbuyform" class="stockbuyform" method="post">
<input type=text value="Insert purchasing amount">
<input type="submit" value="Click to purchase">
</form>

这是 .submit() 函数:

$(".stockbuyform").submit(function() {
    alert("Need to validate purchasing details");
}

但是当我点击购买按钮时，.submit() 函数永远不会被调用。这是否意味着我不能使用另一个 Jquery 调用与我在第一次调用中得到的答案？

Answer 1

使用事件委托(delegate)( live 或 delegate )。 live 可能最适合这种情况:

$(".stockbuyform").live("submit", function() { 
    alert("Need to validate purchasing details"); 
});

live 的作用是(来自 manual ):

Attach a handler to the event for all elements which match the current selector, now or in the future.

因此您不必担心 ajax 替换的元素会丢失其绑定(bind)的事件处理程序。另外，请确保从提交处理程序返回 false，以防止发生非 XHR GET/POST。