2014-01-21 5 views
0

У меня есть форму для перевода текста и вы хотите, чтобы форма отправлялась при вводе пользователем символов. Подобно google translate.Textarea on change submit form jQuery



Вот пример кода:

<form id="trans" method="post" action="prevedi.php"> 
<textarea id="prevedi" name="prevedi" style="margin: 2px; height: 137px; width: 380px;"></textarea> 
<textarea id="prevod" disabled="disabled" name="prevod" style="margin: 2px; height: 137px; width: 380px; border: 0px;" readonly></textarea> 
<input name="translate" type="submit" value="Translate"/> 

Любая идея, как это сделать?

+0

Возможно аналогичный вопрос, как [здесь] (http://stackoverflow.com/questions/2823733/textarea-onchange-detection) в StackOverflow –

+1

Вы желая вернуть перевод на другой текстовой или DIV также? при изменении будет вводить форму каждый раз, когда набирается буква, вы можете подумать об этом и сделать размытие или что-то такое, что оно будет вводиться только после полного изменения. – pathfinder

ответ

0
$(document).ready(function(){$("#prevedi").change(function(){$("form").post();});}); 
+0

Извините, я меняю форму, можете ли вы отредактировать свой ответ. –

+1

Если это единственная форма на странице, тогда вам не нужно менять код. – user2930100

+0

Почему не работает :(И не обнаружил ошибок:/ –

0
$('#texterea#prevedi').on('keyup',function(){ 
    $.ajax({ 
    url: url, 
    dataType: 'json', 
    type: "post", 
    data: {'word',$(this).val()}, 

    success: function (result) { 
     $('#texterea#prevod').val(result.value); 
    }, 
    error: function (error) { 

    } 
    }); 

}); 
+0

Извините, я меняю форму, не могли бы вы отредактировать свой ответ. –

+1

Что такое '# tseterea # prevod'? – showdev

+0

Извините, texterea, you также можно использовать #prevod без слова texterea. –