页面加载后脚本不起作用

Question

I am using javascript to show reamaining character show for sms_textbox. which allow only 160 character.

   <script type="text/javascript">
            var characterLimit = 160;
            $(document).ready(function () {
                $("#lblremaingCharacters").html(characterLimit);
                $("#txtmessage").bind("keyup", function () {
                    var characterInserted = $(this).val().length;
                    if (characterInserted > characterLimit) {
                        $(this).val($(this).val().substr(0, characterLimit));
                    }
                    var characterRemaining = characterLimit - characterInserted;
                    $("#lblremaingCharacters").html(characterRemaining);
                });
            });
        </script>

But this script working good only at page load, not working when other asp button click event fire.

Answer 1

Try to replace characterLimit inside the document.ready function

  $(document).ready(function () {
            var characterLimit = 160;
            $("#lblremaingCharacters").html(characterLimit);

Now the characterLimit will work like global value for all your events.

Now your script should be

<script type="text/javascript">
        $(document).ready(function () {
            var characterLimit = 160;
            $("#lblremaingCharacters").html(characterLimit);
            $("#txtmessage").bind("keyup", function () {
                var characterInserted = $(this).val().length;
                if (characterInserted > characterLimit) {
                    $(this).val($(this).val().substr(0, characterLimit));
                }
                var characterRemaining = characterLimit - characterInserted;
                $("#lblremaingCharacters").html(characterRemaining);
            });
        });
    </script>

Answer 2

Please try adding script in pageLoad function in aspx page instead of $(document).ready like:

    <script type="text/javascript">
        var characterLimit = 160;
        function pageLoad() {
            $("#lblremaingCharacters").html(characterLimit);
            $("#txtmessage").bind("keyup", function () {
                var characterInserted = $(this).val().length;
                if (characterInserted > characterLimit) {
                    $(this).val($(this).val().substr(0, characterLimit));
                }
                var characterRemaining = characterLimit - characterInserted;
                $("#lblremaingCharacters").html(characterRemaining);
            });
        }
    </script>

Answer 3

Form your code i got that you are using $(document).ready()

You need to use

function pageLoad()
{
//Your Code
}

This will solve the problem