jEditable验证不起作用

Question

我想通过jEditable使用jQuery验证。 在这里，我在while循环中从数据库中回显一个表，如下所示。

<table id="example" class="display"  cellspacing="0" border="0">
<thead>
  <tr>
    <th>
    Name
    </th>
    <th>
    Phone
    </th>
 </tr>
</thead>
<tbody>
   <tr>
     <td class="items" userid="'.$row['id'].'" id="name">'.$row['name'].'</td>
     <td class="items required" userid="'.$row['id'].'" id="phone">'.$row['phone'].'</td>
   </tr>
</tbody>
</table>

这是带有我使用的jQuery验证代码的jEditable脚本。

$("td.items").each(function(index) {    
$(this).editable("handler.php", { 

onsubmit: function(settings, td) {
    var input = $(td).find('input');
    $(this).validate({
        rules: {
            phone: {
                number: true,
            }
        },
        messages: {
            phone: {
                number: 'Only numbers are allowed',

            }

        },
    });
    return ($(this).valid());
},

submitdata : {userid: $(this).attr('retailerid')},
indicator : "<img src='images/indicator.gif'>",
tooltip   : "Doubleclick to edit...",
event     : "dblclick",
onblur    : "submit",
name : 'newvalue',
id   : 'elementid',

});
});

在这里，jEditable运行完美。 但是验证没有用。 这个验证码正确吗？

Answer 1

引用OP： “此验证代码正确吗？”

它不是。 插件参数中定位的input元素的name应仅引用form input元素的name属性，而不引用table单元格的id 。

AFAIK， jQuery验证插件被设计为仅针对<form>包含的<input>元素。 您的代码中都没有。

http://docs.jquery.com/Plugins/Validation/validate#toptions