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>

无法使用委托方法

1 个答案: