使用onkeyup事件进行Jeditable的任何工作示例?

时间:2010-03-02 14:35:08

标签: javascript jeditable onkeyup

目前我在我的项目中使用了Jeditable版本1.6.1。我正在尝试使用onkeyup事件来验证输入文本字段中用户输入的值。当我尝试使用onkeyup事件时,它无法正常工作。我不确定Jeditable是否支持此活动。你能帮我解决这个问题吗?

此致 PJ

3 个答案:

答案 0 :(得分:1)

这对我有用。

$.editable.addInputType('dernumber', {
            element: $.editable.types.text.element,
            plugin: function (settings, original) {
                $('input', this).bind('keypress', function (event) {
                    return numbersOnly(event, false);
                });
            }
        });


$('.loremipsum').editable('http://www.example.com/save.php', { 
    type      : 'dernumber',
    cancel    : 'Cancel',
    submit    : 'OK'
});

答案 1 :(得分:0)

这将是帮助方法验证密钥是否为数字:

var numbersOnly = function (e, decimal) {
            var key;
            var keychar;

            if (window.event) {
               key = window.event.keyCode;
            }
            else if (e) {
               key = e.which;
            }
            else {
               return true;
            }
            keychar = String.fromCharCode(key);

            if ((key==null) || (key==0) || (key==8) ||  (key==9) || (key==13) || (key==27) ) {
               return true;
            }
            else if ((("0123456789").indexOf(keychar) > -1)) {
               return true;
            }
            else if (decimal && (keychar == ".")) { 
              return true;
            }
            else
               return false;
         };

答案 2 :(得分:0)

尝试,祝你好运

input.keypress(function(e) {
                    var key = window.Event ? e.which : e.keyCode
                        return (key >= 48 && key <= 57)
                });


$('td.editable_class', oTable.fnGetNodes()).editable('editable.php', {
                "callback": function( sValue, y ) {
                    var aPos = oTable.fnGetPosition( this );
                    oTable.fnUpdate( sValue, aPos[0], aPos[1] );
                    window.location.reload();
                },
                "submitdata": function ( value, settings ) {
                    return {
                        "row_id": this.parentNode.getAttribute('id'),
                        "column": oTable.fnGetPosition( this )[2]
                    };
                },
                "height": "40px"

                });