jquery.bestupper.js demo page
input
textarea

You must add jquery.min.js and jquery.bestupper.min.js in your code like this :

<script src="jquery.min.js" type="text/javascript"> </script>
<script src="jquery.bestupper.min.js" type="text/javascript"> </script>

<script type="text/javascript">
$(document).ready(function() {
   $('.bestupper').bestupper();
});
</script>


Finally you must set class property to "bestupper" for each control.
<input type="text" id="txtInput" class="bestupper" / >
<textarea id="Textarea1" class="bestupper"></textarea >


There are two option in this plugin.

First Option= ln:'en'
Default is 'en'. It is suport English and Turkish.
If you are using Turkish keyboard you must set this option to 'tr' like this
<script type="text/javascript">
$(document).ready(function() {
   $('.bestupper').bestupper({
     ln: 'tr'
   });
});
</script>


Second Option = clear:true
Default value is true. This option clear whitespaces and try to upper (for pasted text) when exiting the control in blur event.
If you don't want it ser clear option to false. If this option is false the bestupper plug in don't bind blur even to control.

<script type="text/javascript">
$(document).ready(function() {
   $('.bestupper').bestupper({
    clear:false
   });
});
</script>


You can use other ways to access control and apply bestupper method like this:
<script type="text/javascript">
$(document).ready(function() {
   $('#txtInput').bestupper();
});
</script>


You can downlad plugin in jquery plugin site

This demo created by Mustafa OZCAN