php - 无法让委托(delegate)方法发挥作用

Question

我在引导 PHP 页面中使用 Ajax，所以我无法使用 onsubmit 中的函数事件，因为该按钮以前不存在，所以我必须使用委托(delegate)方法，我明白这一点。

但是，由于我不知道自己做错了什么，所以我来这里寻求您的帮助。我有一个<input><button>在一个表中，我通过 Ajax 提供该表，并且我想在提交之前验证它的数据，我想到使用委托(delegate)方法来做到这一点，验证非常简单，只是不要为空。

我的代码是...

<label for="idmat" class="label label-default">mat:</label>
<input placeholder="mat" type="text" class="mat" id="idmat"    name="sendmat" size="20" maxlenght="20" /><br />
<button class="btn btn-large btn-success" type="submit" class="btmat" id="btmat">Mat</button>

我的 JS 是:

$(function(){
$("#btmat").delegate("click",function(){
var matric = $("#idmat").val();
if(matric === ""){
    alert("wrong!");
}
});
...etc

我尝试更改此.delegate至.on ，但它与以前没有任何不同。

Answer 1

您必须绑定(bind)到 DOM 元素，并监听创建:

jQuery(document).on('click', '#btmat', function() {
    var matric = $("#idmat").val();
    if(matric === ""){
        alert("wrong!");
    }
});

此外，您的按钮不能设置 class 两次。您需要将其更改为:

<button class="btn btn-large btn-success btmat" type="submit" id="btmat">Mat</button>