无法使用委托方法

Question

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

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

我的代码是...

<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

您必须绑定到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>