Jquery 如何在“提交”按钮后添加字段验证

在我的应用程序中，我使用jQuery插件

当我试图提交一个空字段时，我必须添加一个消息框，例如：字段不能为空

HTML:

<table border="1" cellpadding="0" cellspacing="0">
    <tr>
        <td class="edit">123456789</td>
    </tr>
    <tr>
        <td class="edit">132456789</td>
    </tr>
    <tr>
        <td class="edit">123456789</td>
    </tr>
</table>

$(document).ready(function() {
     $('.edit').editable('http://www.example.com/save.php');
 });

---

为了实现自己的目的，您将与这个插件进行一点斗争。下面是一个您描述的基本示例，使用插件中关于如何提交到函数而不是URL的说明

在您的函数中，您可以执行任何类型的逻辑来测试值、弹出警报或消息，或者执行您想要执行的操作。然后您需要自己进行AJAX调用以保存值

---

阻止用户输入空白值也会让它变得有点棘手。该插件似乎没有提供中断提交事件的方法，因此我能想到的最好办法是跟踪您最后的有效值，并在出现您不喜欢的值（如为空）时返回该值。

@natehi。插件阻止提交。我使用它来验证字段的最小/最大长度。例如，如果我的某个字段与minlenght或maxlenght Attributer规则不匹配，则该表单未提交，并且我显示一个自定义错误。@mserioli您能举个例子吗？@Nate按ENTER键-什么也不发生。。。（（抱歉..我发现在我之前的评论中，我粘贴了一个不正确的链接..这里是正确的链接：您可以在文档中找到一个示例！告诉我是否对您有用！@mserioliööööööö！谢谢！）

// On page load, set the original value for each item
$('.edit').each(function (i, item) {
    var $item = $(item);

    $item.attr('data-original-value', $item.text());
});

$('.edit').editable(function (value, settings) {
    // Perform any checks of the value here
    if (!value) {
        alert('Field must not be empty');
        return $(this).data('original-value');       
    } else {
        // Make your own ajax call
        $.ajax({
            url: '/echo/json/',
            data: {
                value: value
            },
            complete: function () {
                console.log('saved');
            }
        });

        // On success, change the data-original-value to reflect
        // the new value        
        $(this).attr('data-original-value', value);
        return value;
    }
}, {
    onblur: 'submit'
});