如何在DataTables中使用jquery验证和jEditable

时间:2014-08-18 17:50:59

标签: jquery validation datatables jeditable

我看了一些其他问题,但我无法让他们的解决方案起作用。我在DataTables中使用此代码来验证jEditable字段:

            $('#example tbody .samples').editable( 'jeditable_ajax.php', {

            submitdata: function ( value, settings ) {
                return {
                    row_id: oTable.fnGetData(oTable.fnGetPosition(this)[0],0),
                    column: oTable.fnGetPosition(this)[2]
                };
            },
            onsubmit: function(settings, td){
                console.log($(this));
                console.log($(this).find('input').attr('name'));

                $(this).validate({
                    debug: true,
                    rules: {
                        value: {
                            required: true,
                            number: true
                        }
                    },
                    messages: {
                        value: "Error"
                    },
                    errorClass: "invalid",
                    submitHandler: function() {                        
                        alert("Success!");
                    }
                });
                return ($(this).valid());
            },

            onblur: "submit",
            placeholder: " ",
            tooltip: "Click to edit"
        } );

我没有从jQuery验证中获得任何调试错误(使用debug: true),并且jEditable字段似乎自动具有值的名称(即:<input type="text" name="value"/>,我确认了与console.log($(this).find('input').attr('name'));

errorClass未应用,且非数字数据没有错误消息。

1 个答案:

答案 0 :(得分:0)

由于某些原因,现在代码可以运行,即使我复制/粘贴上面的代码块,之前它还没有...我不知道为什么。