Textarea on change submit form jQuery

Question

I have a form for translating text and would like to have the form submit as the user enters characters. Similar to google translate.

Here is code sample:

<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"/>

Any idea, how to do this?

Possibly similar issue as [here](http://stackoverflow.com/questions/2823733/textarea-onchange-detection) in StackOverflow — i-bob, Jan 21 '14 at 22:59
Are you wanting to return a translation to another textarea or div as well? on change will input the form every time a letter gets typed, you might want to think about that as well and do an on blur or something so it only inputs after a complete change. — pathfinder, Jan 21 '14 at 23:03

score 0 · Answer 1 · answered Jan 21 '14 at 23:00

0

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

answered Jan 21 '14 at 23:00

user2930100

346
4
10

Sorry, i change form, can you please edit your answer. – r00t-err0r Jan 21 '14 at 23:08
1

if that is the only form in the page then no need to change the code. – user2930100 Jan 21 '14 at 23:19
then try this: $(document).ready(function(){$("#prevedi").change(function(){$("#trans").post();});}); – user2930100 Jan 21 '14 at 23:26
and remember to add link to jquery. – user2930100 Jan 21 '14 at 23:26

Shhade Slman · Answer 2 · 2014-01-21T23:24:42.807

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) {

     }
   });

 });

edited Jan 21 '14 at 23:24

answered Jan 21 '14 at 23:05

Shhade Slman

263
2
10

Sorry, i change form, can you please edit your answer. – r00t-err0r Jan 21 '14 at 23:09
1

What is `#tseterea#prevod`? – showdev Jan 21 '14 at 23:20
Sorry, texterea, you can also use #prevod without the word texterea. – Shhade Slman Jan 21 '14 at 23:25

Textarea on change submit form jQuery

2 Answers2