Изменить регистр букв в полях ввода jEditable

Question

Я хотел бы изменить регистр (все заглавные буквы или заглавные буквы в первой фразе) при редактировании поля с помощью плагина jEditable . Мой код выглядит примерно так:

$(".edit").editable("some/url/", {
    type   : 'text',
    submitdata: { _method: "put" },
    select : true,
    event  : "dblclick",
    submit : 'OK',
    cancel : 'cancel',
    id   : 'edititem',
    name : 'newvalue'
});

Я хотел бы добавить функцию onkeyup в мои поля ввода, что-то вроде onkeyup="javascript:this.value=this.value.toUpperCase()", но я действительно не уверен, как это сделать ... Может быть, есть какой-то другой способ добиться этого?

Спасибо за любую помощь!

Answer 1

У rsplak это в принципе правильно.вам просто нужно еще немного магии, чтобы заставить его работать.

$(".edit").editable("some/url/", {
    type   : 'text',
    submitdata: { _method: "put" },
    select : true,
    event  : "dblclick",
    submit : 'OK',
    cancel : 'cancel',
    id   : 'edititem',
    name : 'newvalue'
});

$(".edit").dblclick(function() {
    $('input').bind('keyup', function() {
        $(this).val($(this).val().toUpperCase());
    });
});

Это доставит вас туда.

Answer 2

Поскольку вы уже используете jQuery, попробуйте это:

$('input').bind('keyup', function() {
    $(this).val($(this).val().toUpperCase());
});

Работает как брелок JSFiddle