0

我想将 jQuery 验证与 jEditable 一起使用。在这里，我在类似这样的 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>

这是我正在使用的带有 jQ​​uery 验证代码的 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 运行良好。但是验证的东西不起作用。这个验证码正确吗？

4

1 回答 1

1

引用 OP： “这个验证码正确吗？”

它不是。input插件参数中目标元素的名称应仅引用 a 中元素的name属性，而不应引用a 中单元格的属性。inputformidtable

AFAIK，jQuery 验证插件旨在仅针对<input>包含在<form>. 您的代码中都没有。

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

于 2012-03-24T15:01:17.097 回答