Friday, August 22, 2014

jQuery plugin for Uppercase, Lowercase and titlecase

jQuery plugin for UpperCase, LowerCase and TitleCase


Live DemoDownload Script



Need library file to perform this action.Please copy and Paste below library file.
<script type='text/javascript' src="https://jquery-blog-js.googlecode.com/files/SetCase.js"></script>

Jquery Function For UpperCase

<script type='text/javascript'>
            $(window).load(function(){
                $(function () {
                    $("#upperCase").Setcase({ //Get value using Element Id
                        caseValue: 'upper',
                        changeonFocusout: true
                    });
                });
            });

    </script>

HTML Code

<p>UpperCase:<input type="text" id="upperCase" /> </p>

Jquery Function For LowerCase

<script type='text/javascript'>
            $(window).load(function(){
                $(function () {
                    $("#lowerCase").Setcase({ //Get value using Element Id
                        caseValue: 'lower',
                        changeonFocusout: true
                    });
                });
            });

    </script>

HTML Code

<p>LowerCase:<input type="text" id="lowerCase" /> </p>

Jquery Function For TitleCase

<script type='text/javascript'>
            $(window).load(function(){
                $(function () {
                    $("#titleCase").Setcase({ //Get value using Element Id
                        caseValue: 'title',
                    });
                });
            });

    </script>

HTML Code

<p>Title Case:<input type="text" id="titleCase" /> </p>

Please share your comments and feedback.Thanks.Please subscribe my updates via email.

No comments:

Post a Comment