javascript - 如何在 jQuery 中验证文本框

Question

以下代码在 jQuery 中创建一个表格和一个文本框。

 var table = $("#dynamic-table").children();
 var row = $('<tr class="data"></tr>');
 row.append($('<td ><input type="text" value=' + item.Marks1 + '
               size="10px" class="marks" id="txtmarks1"  ></td>'));

我正在尝试使用以下不起作用的代码来验证文本框。

$(".data").delegate(".marks","keyup",function () {        
    if ($('#txtmarks1').val().length > 2) {          
        if ($('#txtmarks1').val() > 100) {
            alert("does not exceed 100");
        }
    }
});   

如果这不是正确的验证方法，请提出解决方案。

Answer 1

事件目标部分$(".data")和目标选择器".marks"均在页面加载后添加

因此您的 delegate() 方法不会定位 .data 选择器类 您应该使用在页面加载时加载的父选择器或document作为委托(delegate)选择器部分

$(document).delegate(".marks","keyup",function () {        
    if ($('#txtmarks1').val().length > 2) {          
        if ($('#txtmarks1').val() > 100) {
            alert("does not exceed 100");
        }
    }
})